BrianKoge/kikuyulearn

“Interactive platform to learn Kikuyu language & culture with lessons, audio guides, gamification, and progress tracking # 🌍 Kikuyulearn - Preserving Kikuyu Culture A modern web platform dedicated to preserving and sharing the rich Kikuyu culture and language for future generations. ## 🚀 Live Demo kikuyu-learn.netlify.app ## ✨ Features - **Interactive Learning**: 100+ lessons on Kikuyu language and culture - **User Authentication**: Secure signup/login with Supabase - **Progress Tracking**: Monitor your learning journey - **Leaderboard**: Compete with other learners - **Mobile Responsive**: Works perfectly on all devices - **Payment Integration**: Support the cause with Paystack - **Modern UI/UX**: Beautiful, intuitive interface ## 🛠️ Tech Stack - **Frontend**: HTML5, CSS3, JavaScript (Vanilla) - **Backend**: Supabase (Authentication, Database, Storage) - **Payment**: Paystack Integration - **Hosting**: Netlify - **Styling**: Custom CSS with Glassmorphism effects ## 📁 Project Structure ``` Kikuyu culture/ ├── Html/ # Main HTML pages │ ├── index.html # Landing page │ ├── about.html # About page │ ├── contact.html # Contact & support │ ├── Profile.html # User profile │ ├── Lessons.html # Learning interface │ └── leaderboard.html # Leaderboard ├── css/ │ └── style.css # Global styles ├── js/ │ ├── script-simple.js # Main JavaScript │ └── supabase-config.js # Supabase configuration └── assets/ └── founder-placeholder.jpg ``` ## 🚀 Quick Start ### Local Development 1. Clone the repository 2. Open `Html/index.html` in your browser 3. Or use a local server: `python -m http.server 8000` ### Deployment 1. Push to GitHub 2. Connect to Netlify 3. Set build settings: - Build command: `None` - Publish directory: `Html/` 4. Deploy! ## 🔧 Configuration ### Supabase Setup The project uses Supabase for: - User authentication - Database storage - Real-time features ### Environment Variables No environment variables needed - all configurations are in `js/supabase-config.js` ## 📱 Pages - ** …