Learn Ibani from scratch — Brighter Grammar method with English-Ibani side-by-side lessons. Next.js + TypeScript.
# Ibani Grammar
Learn Ibani from scratch using the **Brighter Grammar** method. Each English grammar concept is paired with its Ibani equivalent — side by side.
## Overview
90 progressive lessons across 4 books, built from *Brighter Grammar* (Eckersley & Macaulay):
| Book | Lessons | Topics |
|------|---------|--------|
| **1** | 20 | Parts of speech, nouns, adjectives, verbs, sentences, pronouns, adverbs, prepositions, conjunctions |
| **2** | 26 | Plurals, determiners, comparison, articles, tenses, negatives, interrogatives, verb forms |
| **3** | 21 | Reflexive pronouns, perfect/future tenses, passive voice, clauses, indirect speech |
| **4** | 23 | Advanced clauses, infinitives, gerunds, conditions, modal auxiliaries, punctuation |
## Stack
- **Next.js 15** (App Router) + **TypeScript**
- **Tailwind CSS v4** with custom Ibani theme
- Static site generation — all pages pre-rendered at build time
## Getting Started
```bash
npm install
npm run dev
```
Open
localhost.
## Usage
1. Pick a book from the home page
2. Select a lesson
3. Read the English grammar explanation in the left panel
4. Type the Ibani equivalent in the right panel
5. Navigate between lessons using prev/next
## Content
The English grammar content is OCR-extracted from the *Brighter Grammar* textbooks. Ibani translations are added by the community — start typing in any lesson to contribute.
## Data Structure
```
src/data/
├── index.json # Combined book/lesson index
├── book_{1-4}_index.json # Per-book lesson metadata
├── book_{1-4}_full.txt # Full OCR text per book
```
## License
The Brighter Grammar textbook content belongs to Pearson Education. This project uses it for educational purposes. The Ibani translations and application code are open source.