Inspiration

Coloring is a therapeutic activity and could help kids through tough times. Organizations are looking for more coloring pages to add to their books that they can gift to kids.

What it does

Transforms sketches into coloring pages

How we built it

We used react + nextjs to build the site itself while using nextui as our component library, with firebase as our backend to handle file upload and server-side code execution. We tied those backend functions into replicate, since we needed to call their controlnet model to create our coloring page images.

Challenges we ran into

Dealing with external APIs, and the obfuscation of errors that comes with that was a difficulty. As an example the replicate api we used was often unable or unwilling to tell us what went wrong when we passed it inputs that matched the format it wanted, but still crashed, having issues like requiring encoded uris and files that could be accessed without a user agent.

Accomplishments that we're proud of

Our use of firebase, which allowed us to handle backend data safely and securely qhilw making API calls.

What we learned

The use of replicate as a tool, alongside the integration of firebase with a react nextjs project. We also used kanban boards for project management, which was a new experience.

What's next for Coloring Book

After this initial proof of concept, we'd like to work on implementing an organization sign up system alongside the ability for them to create coloring books, that anyone can upload to (pending approval by the organization). This would allow us to start bringing the full vision of a color book fundraising platform to life.

Built With

Share this project:

Updates