Flutter Dart

Kids Coloring Pages App in Flutter

About this project

Kids Coloring Pages (ColorBook) is a Flutter drawing app where children color 26 animal line-art pages from Ant to Zebra. It has a brush and an eraser with adjustable sizes, 14 preset colors plus a full HSV color picker, and a clear-page option with confirmation. Each page keeps its own drawing while you move between pages using arrows or tappable page dots. The app is locked to portrait mode and uses a Material 3 dark theme with a colorful gradient header.

Objectives

Give kids a simple, safe, and fun digital coloring book where they can color animals, erase mistakes without damaging the picture, and switch between pages without losing their work.

Key Features

  • 26 animal coloring pages (A to Z)
  • Brush and eraser with adjustable sizes
  • 14 preset colors and a full HSV color picker
  • Smooth, curved brush strokes
  • Each page keeps its own drawing when navigating
  • Arrow buttons and scrollable page dots for navigation
  • Clear page with a confirmation dialog
  • Portrait-locked, kid-friendly dark UI

Development Process

  1. Planned features and app structure using AI
  2. Built and tested the core features

Challenges & Solutions

  • Safe erasing: Drawing is on a separate layer, so only the paint is erased
  • Smooth strokes: Quadratic Bezier curves create smooth lines
  • Page drawings: Each page keeps its own strokes
  • Efficient repainting: Only the drawing layer repaints when needed

Technologies & Frameworks

FlutterProviderCustomPainterMaterial 3flutter_colorpicker

Integrations & APIs

flutter_colorpicker

Architecture & Libraries

Provider (ChangeNotifier) for state management, with a clear folder structure: models, painters, providers, screens, and widgets

Backend & Database

No backend: coloring pages are bundled as app assets, and no internet is needed

Outcomes & Results

  • Working coloring app with 26 pages and full drawing tools
  • Smooth, kid-friendly drawing experience
  • Open-source on GitHub

Need something similar?

Farhan Saeed · Available for new projects