AMANI-Bienvenue/EFK-PROJECT-2

# 🦉 EFK Learning - Duolingo Style Language Learning Platform ## 🎯 Project Overview EFK Learning is a modern, interactive language learning platform redesigned with a Duolingo-inspired interface. Students can learn English, French, and Kinyarwanda through engaging lessons, interactive exercises, and gamified quizzes. ## 🚀 Getting Started 1. **Open the Landing Page**: Open `index.html` in your web browser 2. **Sign Up**: Click "Get Started for Free" and enter your details 3. **Choose a Language**: Select from English, French, or Kinyarwanda 4. **Start Learning**: Complete interactive lessons and quizzes 5. **Track Progress**: Monitor your XP, streaks, and completed lessons ## 📁 Project Structure ``` EFK PROJECT 2/ ├── index.html # Landing page ├── login.html # Login/signup page ├── dashboard.html # Main learning dashboard ├── lesson.html # Interactive lesson page ├── quiz.html # Quiz/exercise page ├── progress.html # Learning statistics page ├── css/ │ └── style.css # All styling (Duolingo theme) ├── js/ │ ├── script.js # Login form handling │ ├── dashboard.js # Dashboard functionality │ ├── lesson.js # Lesson exercise logic │ └── quiz.js # Quiz functionality └── REDESIGN_SUMMARY.txt # Detailed redesign summary ``` ## 🎨 Design Features ### Color Scheme (Duolingo Inspired) - **Primary Green**: `#1f9e6e` - Main brand color - **Secondary Yellow**: `#ffcb3c` - Call-to-action buttons - **Accent Red**: `#ff6b6b` - Error/incorrect states - **Light Gray**: `#fafafa` - Background - **Dark**: `#1a1a1a` - Text ### Key Design Elements - 🦉 Friendly owl mascot throughout - Smooth animations and transitions - Card-based layouts - Progress indicators - Emoji visual aids - Rounded buttons (30px border-radius) - Drop shadows for depth - Responsive grid layouts ## 🎮 Features ### 1. User Authentication - Simple name + email login - Data saved to …