AbdulrahmanBassem/ESL-web-application

Egyptian sign language learning platform # ESL Web Application - Egyptian Sign Language Platform A comprehensive web platform designed to teach Egyptian Sign Language (ESL) through interactive lessons, stories, and augmented reality. ** This is a prototype ** > **⚠️ Device Compatibility Note:** > This application is optimized for **Desktop** and **Tablet** devices. > It is **not** designed for mobile screens at this time. ## 🚀 Features * **Interactive Learning Journey:** A gamified path for users to progress through different levels of sign language. * **📚 Sign Language Dictionary:** A dedicated section to look up specific signs and their meanings. * **📷 AR Practice (Augmented Reality):** Interactive camera-based features allowing users to detect objects. * **📖 Story Books:** Reading materials designed to support sign language learning. * **Video & Interactive Lessons:** Structured lessons combining video content with interactive practice. * **Parent Dashboard:** A dedicated interface for parents to track their child's progress. * **User Profiles:** Individualized profiles to manage settings and track achievements. ## 🛠️ Tech Stack * **Framework:** React (v19) * **Routing:** React Router (v7) * **Icons:** FontAwesome & React Icons * **Styling:** CSS3 ## 💻 Getting Started To run this project locally, follow these steps: ### Prerequisites Make sure you have **Node.js** and **npm** installed on your machine. ### Installation 1. **Clone the repository** ```bash git clone github.com cd ESL-web-application ``` 2. **Install dependencies** ```bash npm install ``` 3. **Start the development server** ```bash npm start ``` 4. **Open in Browser** The application will typically run at `localhost`. ## 📂 Project Structure * `src/Pages/`: Contains individual page components (Landing, Lessons, Dictionary, AR, etc.). * `src/Components/`: Reusable UI components. * `src/assets/`: Images, icons, and static assets used throughout the app. * `src …