AbleEd 🚀 - Unlocking education for every ability.

Accessible Learning for Everyone
An initiative by Crown IQ

🔗 Live Demo: Click to View

---

Table of Contents

• About
• Features
• Tech Stack
• Installation
• Usage
• Deployment
• Credits

---

About

AbleEd is an inclusive learning platform designed to break barriers in education mainly for disabled student.
It combines interactive ,text to speech, 3D lessons, haptic feedback, and adaptive accessibility features to provide an engaging learning experience for students with disabilities.

Goal: Empower learners of all abilities to access knowledge without limits.

---

Features

✅ Core Accessibility (must-have)

1. Text-to-Speech (TTS) – Lessons read aloud
2. Speech-to-Text (Captions) – Auto captions for videos/audio
3. Lesson Summarizer – Converts long lessons into short, simple text
4. UI Accessibility – Change font size, high-contrast mode, dyslexia-friendly fonts

🔥 Innovative / WOW Features

5. Gesture-Based Navigation – Use webcam (MediaPipe) for "next/previous" slide
6. Emotion-Aware Tutor – Detects mood (happy/confused/tired) and adapts content
7. 3D Interactive Lesson – Explore prebuilt 3D models (e.g., heart, solar system)
8. Haptic Feedback (Mobile) – Phone vibrates when interacting with models or quizzes
9. Multi-Mode Delivery – Lessons can be:
   • Read aloud (TTS)
   • Shown as captions
   • Summarized
   • Explored in 3D

⭐ Extra Engagement

10. Daily Goal Tracker – Set learning goals, track streaks, gamified progress
11. Brain Breaks – Short quizzes or breathing exercises after lessons
12. Personalized Recommendations – Suggests lessons based on past performance and mood
13. Quick Accessibility Switch – Toggle between modes instantly (TTS, high-contrast, font size)

---

Tech Stack

• Frontend: Vite, TypeScript, React, shadcn-ui, Tailwind CSS
• 3D Models: Three.js / React Three Fiber
• Deployment: Vercel

---

Installation

Clone the repository and install dependencies:

git clone <YOUR_REPO_URL>
cd AbleEd
npm install
npm run dev

Open http://localhost:xxxx in your browser to view the app locally.

---

Usage

1. Explore the dashboard after signing in
2. Access 3D interactive lessons directly
3. Use the "Start Learning" button to log in or create an account
4. Toggle accessibility features as needed

---

Deployment

AbleEd is deployed on Vercel: Click to View

---

Credits

This project is an initiative by Ankit Tripathy and is free to use for educational purposes.

---