A React application for creating personalized coloring books from imported or custom-created images.
Explore the docs »
Live Demo
·
Report Bug
·
Request Feature
- Upload a book cover image
- Import images and convert them into outlines for coloring.
- Draw custom designs directly in the app.
- Organize pages into a book format, ready for printing.
- Simple and intuitive interface for all age groups.
Upload an image to convert it into a coloring outline. Use the drawing tool to create custom designs. Arrange pages in the desired order. Download the final book as a PDF.
This project is built with the following technologies and tools:
- TypeScript: For type-safe JavaScript development.
- React: To build the user interface. Documentation referenced directly in the app - React Documentation.
- Server API: For server-side rendering or data fetching.
- Client API: For client-side interactions and components.
- Vite: A fast and modern build tool - Learn more.
- Tailwind CSS: For utility-first styling with rapid development.
- GitHub Actions: For automated deployment workflows.
- Supabase: Open source Firebase alternative Learn more.
- Supabase-js: Learn more.
-
Clone this repository:
git clone https://github.com/willahh/coloringbook.git cd coloringbook -
Install dependencies:
npm install
-
Start the development server:
npm start # Open your browser and navigate to http://localhost:3000.
- Backend and frontend apps: Render Dashboard
- CI/CD: Render CI/CD
- Database : neon/dashboard
- Assets : Supabase Storage tps://coolors.co/) Tailwind CSS Color Generator
- frontend/readme.md#build
- backend/readme.md#build
- frontend/readme.md#deploy
- backend/readme.md#deploy
Inspired by the creative possibilities of coloring books. Thanks to open-source libraries and the developer community!
All Rights Reserved
Copyright (c) 2025 William Ravel