Doodle Jam

Draw, share, and create epic stories together! Your story, everyone's art. Collaborative comics made easy.

Comment

Inspiration: Inspired by the joy of collaborative storytelling and the dynamic nature of comic books, we wanted to create a platform where anyone can contribute to a shared narrative, panel by panel.

What it does: DoodleJam allows users to collaboratively create digital comics. Users can start new comics, draw and submit panels, and vote on community submissions to decide the next part of the story. It also features AI-powered sketch beautification.

How we built it: We built DoodleJam using React for the frontend, leveraging React Router for navigation and Tailwind CSS for styling. Supabase handles our database and real-time functionalities, while Google's Generative AI powers the sketch beautification feature.

Challenges we ran into: Integrating the AI model for real-time image processing and managing the complex state of collaborative drawing and voting across multiple users were key challenges. Ensuring a smooth user experience on the drawing canvas was also a focus.

Accomplishments that we're proud of: We are proud of the seamless drawing experience, the intuitive voting system that drives the comic's progression, and the successful integration of AI to enhance user-created sketches. The responsive and engaging UI is also a highlight.

What we learned: We learned the importance of robust state management in real-time collaborative applications, the intricacies of integrating external AI APIs, and how to design a database schema that efficiently supports complex relationships and dynamic content.

What's next for Doodle Jam: Next, we plan to implement user authentication for personalized experiences, explore more advanced AI features like panel generation, and add social sharing capabilities for animated comic exports.

Built With

Share this project:

Updates