This is a submission for the DEV Weekend Challenge: Community
The Community
I built this for the Global Artist Community. As an 11-year-old who loves both drawing and coding, I realized that we all face the same monster: The Blank Page. Sometimes I sit down to create, but I just don't know what to draw. I wanted to build a home for artists where they never have to guess. It’s a space for people who want a weekly reason to pick up their pencil and a fun way to get feedback on their progress.
What I Built
ArtAura is a 20-week interactive art journey. It’s a "Studio" app that:
- Challenges You: Gives a new, creative prompt every single week.
- Evaluates with AI: Uses a "Sensei" (Gemini AI) to look at your art and give you a score out of 10 plus a tip to improve.
- Celebrates Wins: When you hit a perfect 10/10, the app throws a party! You get a special cupcake, a golden "Congratulations" banner drops down, and colorful confetti rains over your screen.
- Interactive Fun: I even added a feature where you have to press the "F" key to "blow out" the candle on your reward cupcake!
Demo
You can see ArtAura in action here:
Code
I used Vanilla JavaScript, HTML5, and CSS3. I integrated the Uploadcare API for the image uploads and the Gemini API for the AI grading.
How I Built It
Building this was a fun puzzle!
Glassmorphism Design
I wanted the app to feel modern, so I used semi-transparent "glass" cards with blur effects.
The "Z-Index" Battle
One of the hardest parts was making sure the confetti appeared in front of the celebration screen. I had to learn how to manipulate layers in JavaScript so the "Confetti Rain" wouldn't hide behind the cupcake!
The Reward System
I used the canvas-confetti library for the rain effect and CSS transitions for the "Golden Banner" that drops from the top of the screen.
I’m really proud that I could combine my two favorite hobbies—drawing and programming—to help other artists get over their creative blocks!
Top comments (0)