# KlungKlung — Kids E‑Learning Prototype (React + Vite + Tailwind)

Run locally
- npm install
- npm run dev

Tech
- React + Vite
- Tailwind CSS with ONME colors & fonts
- React Router
- Canvas-confetti for rewards

ONME Colors & Fonts
- Royal Electric Blue #4849E8
- Neon Lime #DDF344
- Soft Blue #ABC4FF
- White Soft #F5F9FF
- Fonts: Fredoka One (heading), Poppins (UI), Inter (body)

Features
- TopNav with logo text, search, profile, and mute/unmute SFX (persisted)
- FriendsBar (carousel with Add Friend)
- CourseGrid with progress + Start/Continue
- Mini-Games Zone with modal stubs
- CoursePlayer with modules and progress
- Profile with Student/Teacher toggle and TeacherUploadModal
- Toasts + confetti rewards
- Seed data (10 avatars, 8 courses, 6 games) and mock API

Accessibility
- Large targets, focus outline in ONME lime, ARIA labels.

Replace seed data
- Edit src/data/seed.js

Build zip
- npm run build
- Zip the dist/ folder

Notes
- SFX are WebAudio-generated (low volume). Mute is OFF by default and can be toggled in TopNav.
- No external links or open chat. Emoji-only chat can be added under Profile.
