Doodle Bug

This is a small drawing app where you get to sketch and practice with a game that helps to review and offer tips.

Comment

Inspiration

I personally used to draw very frequently but slowly stopped, so I decided to make a accessible app where people can just scribble and doodle on their screen for fun. Additionally, my art skills aren't the best so I thought of integrating an AI that helps any artist find resources.

What it does

There are two versions of the app. One is the regular canvas where a use their mouse to markup their canvas, given a brush size slider and a color selector. The other half is a small game where the player is given a single word prompt to draw a figure. When they submit. Google Gemini's AI looks over the image and gives light feedback on the form of the illustration, offering some art resources if the player wants to learn more.

How we built it

This app was built using HTML, CSS, and JavaScript. Additionally, Gemini API was used to generate feedback for the user.

Challenges we ran into

The biggest challenge I ran into for this project was setting up Gemini and having its responses update and show on the webpage.

Accomplishments that we're proud of

I'm very proud of the work done for the JavaScript, having only one experience with it in the past.

What we learned

I've learned that AI integration takes a lot of trial and error to set up and implement. It requires an eye for detail, good problem solving, and lots of patience.

What's next for Doodle Bug

In the future, I would love to update Doodle Bug to be a more fleshed out drawing program with feature other than just changing colors and stroke sizes. I especially would like to clean of the site's design ans structure and further develop the AI to better function with the game.

Share this project:

Updates