An interactive learning website designed for young children. Features colorful animations, engaging visualizations, and progressive learning modules for math, reading, and more.
- Number Places: Learn about thousands, hundreds, tens, and ones with visual blocks
- Stacked Math: Practice addition and subtraction with column/vertical format
- Multiplication: Interactive times tables with visual grid representation
- Division: Learn to divide with sharing scenarios and visual groups
- Practice Area: Customizable practice sessions with auto-generated problems
- Bun (recommended) or Node.js 16.0.0+
bun installbun start
# or for development with auto-reload:
bun run devThen open http://localhost:3000 in your browser.
- Interactive place value visualization
- Visual blocks for thousands, hundreds, tens, and ones
- Quiz mode to test understanding
- Step-by-step column addition/subtraction
- Carrying and borrowing practice
- Hints and answer reveal options
- Visual grid showing multiplication as groups
- Complete times tables (1-12)
- Interactive quiz with scoring
- Real-world sharing scenarios
- Visual representation of division
- Clean division problems (no remainders for beginners)
- Choose operation type (or mixed)
- Select difficulty level
- Customize number of problems
- Track progress with stars and percentages
Progress is automatically saved in session cookies:
- Total stars earned
- Practice session history (last 10 scores)
- Module-specific progress (questions attempted/correct)
- Lessons visited and completed
- Best scores and accuracy
Sessions persist for 30 days.
- Next.js 16 with App Router
- React 19 with TypeScript (strict mode)
- Redux Toolkit for state management
- Tailwind CSS v4 with CSS variable theming
- Bun runtime (Node.js compatible)
- Signed cookie sessions for persistence