I vibe-coded without any coding knowledge

in #vibecoding2 days ago
Just drag and drop

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.

All is well, when its pink.

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... )I wish I was a real coder

https://beacons.ai/minnamoira

Sort:  

Sending you some Ecency curation votes

Congratulations @minnamoira! You have completed the following achievement on the Hive blockchain And have been rewarded with New badge(s)

You made more than 200 comments.
Your next target is to reach 300 comments.
You received more than 600 upvotes.
Your next target is to reach 700 upvotes.

You can view your badges on your board and compare yourself to others in the Ranking
If you no longer want to receive notifications, reply to this comment with the word STOP