munyaneza-w/eShuri-Prototype-

This Web App intend to Bridge Rwanda’s Education Gap Through Digital Learning # 📘 **E-Shuri – Rwanda Digital Learning Platform** **E-Shuri** (“Electronic Class”) is a **web-based learning platform** designed to empower secondary school students and teachers across Rwanda with **curriculum-aligned digital content**. It provides structured lessons, quizzes, and performance tracking to enhance **learning outcomes, accessibility, and digital literacy** nationwide. > 🌍 *“Learn, Grow, and Excel with Quality Digital Education.”* --- ## 🚀 **Core Features** - **🔐 User Authentication** – Secure login and account management for students and teachers. - **📚 Subject Content Access** – Browse structured subjects (Biology, Chemistry, Computer Science, Mathematics, etc.). - **🧠 Quizzes & Assessments** – Practice tests to evaluate knowledge and skills with auto-grading. - **📈 Progress Tracking** – Monitor learning performance and quiz history. - **📱 Responsive Design** – Works seamlessly on desktops, tablets, and mobile devices. - **👩‍🏫 Teacher Tools** – Upload and organize educational content aligned with the REB curriculum. --- ## 🗂️ **Project Structure** e-shuri/ │── public/ # Static assets │── src/ # Source code (React components, pages, logic) │── supabase/ # Database configuration and authentication │── .env # Environment variables │── index.html # Entry HTML file │── package.json # Dependencies and scripts │── vite.config.ts # Vite configuration │── tailwind.config.ts # Tailwind CSS configuration │── tsconfig.json # TypeScript configuration │── README.md # Documentation --- ## 🎨 **Design Overview** - **Wireframes & Mockups:** View in Figma - **Styling Framework:** Tailwind CSS + custom UI components - **UI Principles:** Minimal, accessible, and optimized for learners aged 11–18 - **Design Goals:** Simplicity, usability, inclusivity, and mobile responsiveness --- ## 📸 **Screenshots** ### 🏠 Home Page ### 🔑 Sign-In Page ### 👩‍🏫 Teacher Dashboard ### 📘 Subject Page ### 🎓 Student Dashboard --- ## ⚙️ **Technology Stack** | Layer | T …