I vibe-coded without any coding knowledge

While I was browsing LinkedIn, I came across a Finnish YouTuber who teaches anything related to the Internet, mobile, apps, and software. Well, you get the idea. His topic was interesting, he said you can code a little helpful tool for yourself with the help of AI. Now, I know that, obviously, but I never tried it. And I always thought you needed to code a standalone app. But this guy's approach was to code a one-page HTML file that can function as an app in your browser window.

He used examples like a school or study schedule, a photo editor, and a music maker. So I decided to try coding a photo editor. And it works! I cannot believe it! I am so proud of myself. I can make science me!

What does it do?

I just needed a small app that does two things. First, it has to crop the image to the desired social media size. I mean square, portrait or 16:9 or 9:16. Then I want the image to be resized, so that the longest side of the image (be it width or height) is less than 1000px. This is the size I use when posting to social media. Further, the resolution has to be reduced from 300, 240, or whatever was used, down to 72px/inch. And the app does that when the user clicks the export button.

If you upload smaller images than 1000 px, using this app has no advantage.

Well, so I didn't know this is called vibe-coding.

Music maker!

I didn't stop at the photo editor. So I had to try the other app as well, and I coded myself a music maker. It's pretty basic; all I can get out of it is chiptune-type melodies. But... it is pink and looks cute. Those are, of course, the main things for this type of project.

No, now, don't get all judgmental there, I love pink stuff! (and yellow, rose gold, and... )

https://beacons.ai/minnamoira