# π Amani's Learning
A premium preschool learning app for Amani (ages 2β4), featuring letters, colors, shapes, numbers, animals, shadow matching, and letter tracing.
## Games Included (172 rounds total)
- π€ **Letter Quiz** β Which letter starts this word? (AβZ, 26 rounds, shuffled)
- π’ **Count & Pick** β Count emoji animals and tap the right number (1β20)
- π· **Shape Quest** β Name 12 shapes across 24 shuffled rounds
- π¨ **Color World** β What color is this object? (10 colors Γ 3 objects = 30 rounds)
- πΎ **Animal Kingdom** β Name animals + sounds (20 animals Γ 2 modes = 40 rounds)
- π **Shadow Match** β Drag objects to their silhouette shadow (AβF)
- βοΈ **Trace Letters** β Finger-trace all AβZ with colorful trails
## Deploy to Vercel
### Option 1: GitHub β Vercel (recommended)
1. Push this folder to a new GitHub repo
2. Go to vercel.com β **New Project**
3. Import your repo β Vercel auto-detects Next.js
4. Click **Deploy** β
### Option 2: Vercel CLI
```bash
npm install -g vercel
cd amanis-learning
npm install
vercel --prod
```
## Local Dev
```bash
npm install
npm run dev
# Open
localhost
```
## Tech Stack
- **Next.js 14** Β· **React 18** Β· **Pure CSS animations**
- **Web Audio API** for sounds (no audio files needed)
- **Pointer Events** for drag-and-drop (touch + mouse)
- **LocalStorage** for star progress persistence