# 🌟 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