Profile Picture Generator banner

Profile Picture Generator

6 devlogs
16h 52m 45s

This project is a profile picture generator, but you have to input your own API in order to generate a picture related to the theme; otherwise, it will output a placeholder image (credits are used to generate images). The themes are meowl, trash c…

This project is a profile picture generator, but you have to input your own API in order to generate a picture related to the theme; otherwise, it will output a placeholder image (credits are used to generate images). The themes are meowl, trash can, or fish. No purchases are required; the pay button is a troll.
We allow you to choose a theme: meowl, trash, or fish, and you can type in your own prompt. You can also enhance to make sure that the AI generates a good image. After generating, you can see a preview of what the profile picture would look like, and you can apply filters to the image. You can also download and copy the image, and even if you press generate again, your previous images will be saved in the history section.

This project uses AI

I used Gemini to teach me code while helping me write most of the code, and for debugging.

Demo Repository

Loading README...

ivyliuwatermelon

It worked on my live server but not on the website and I figured it out that it was because netlify didn’t get my js. But I compressed my two files and now it works.

Attachment
0
ivyliuwatermelon

I finally debugged everything and both my script.js and index.html have around 600 lines each yayy!! And the filters stopped working but I got them to work again

Attachment
0
ivyliuwatermelon

I added filters and a copy image option if the user didn’t want to download. Also added the robot when the picture’s still loading. Still working on getting those consistent though and fixing bugs with the prompt input.

Attachment
0
ivyliuwatermelon

Finally fixed the generating bug completely. I also added a history of generated images during the time the page was opened.

Attachment
0
ivyliuwatermelon

I changed website that placeholder image takes its images from to robohash, and I fixed a few bugs that occurred while trying to make it cooler (from last time). The generate button works now, but it’s a bit slow… I don’t know if it’s lagging or something’s wrong with the code. The pay dolla dolla thing is a troll dont worry.

Attachment
1

Comments

sakshisuman25
sakshisuman25 about 2 months ago

WELL DONE

ivyliuwatermelon

I’m trying to make the container have two columns but as of right now the buttons don’t work as I’m still in progress and need to debug. (i didn’t spend almost 10 hours on this alone they were from making the page and other features as well)

0