Learn Afrikaans in no time
# 📚 LeerAfrikaans - Afrikaanse Leer-App
Welkom by **LeerAfrikaans**, 'n Progressive Web App spesiaal ontwerp vir kinders om Afrikaans te leer deur interaktiewe speletjies, geïllustreerde verhale en boeiende oefeninge.
## 🎯 Projekdoelwitte
Dit is 'n unieke Afrikaanse leerplatform wat:
- ✅ Kinders van ouderdomme 4-8 ondersteun
- ✅ Inheemse Suid-Afrikaanse Afrikaans gebruik
- ✅ Interaktiewe woordbou en leesaktiwiteite bied
- ✅ Ouers en onderwysers toelaat om pasgemaakte inhoud te voeg
- ✅ Offlinesupport bied (PWA-format)
- ✅ Gamifisering en prestasievervolging insluit
## 🚀 Tegnologie
- **Frontend**: React 18 + Vite
- **Styling**: CSS-module met Suid-Afrikaanse kleuralette
- **PWA**: Service Worker met offlinesteun
- **Oudio**: Web Speech API vir uitspraak
- **Data**: JSON-gebaseerde inhoud vir maklike aanpassing
## 📁 Projekstruktuur
```
LeerAfrikaans/
├── context/ # Projek-dokumentasie in Afrikaans
│ ├── overview.md
│ ├── kickstart.md
│ └── style-guide.md
├── kidreader/ # Hoofdirektory van die app
│ ├── public/
│ │ ├── manifest.json # PWA-manifest
│ │ └── icons/
│ ├── src/
│ │ ├── locales/ # Taalbestande (af.json = Afrikaans)
│ │ ├── data/ # Afrikaanse onderriginhoud
│ │ │ ├── sight-words.json
│ │ │ ├── stories.json
│ │ │ ├── phonics.json
│ │ │ ├── grammar.json
│ │ │ ├── math.json
│ │ │ ├── science.json
│ │ │ ├── spelling.json
│ │ │ └── social-studies.json
│ │ ├── components/
│ │ ├── pages/
│ │ └── main.jsx
│ └── package.json
└── DEPLOYMENT.md # Uitsendinginstruksies
```
## 🎓 Inhoudmodules
### 1. **Waarnemingswoorde (Sight Words)**
- 110+ hoë-frekwensiewoorde
- 11 vlakke van beginner tot gevorderd
- Interaktiewe flashcardformat
### 2. **Kortverhale**
- Beginner, Intermediêr en Gevorderde stories
- Oudio-ondersteuning
- Begripstoetse na elke verhaal
### 3. **Foneme (Phonics)**
- Vokale en medeklinkerklanke
- Voorbeeld-wo …