EduEase: Your Personalized Learning Companion

EduEase is an inclusive, accessible educational platform designed to empower all learners, especially those with disabilities. It combines innovative assistive technologies with engaging multimedia resources to make learning easy, interactive, and fun.

Live Demo

Visit EduEase →

Experience the full functionality of our educational platform with all accessibility features enabled.

Features

Core Learning Features

• Video Courses & Playlists: Organized video lessons with captions and clear visuals
• Interactive Learning: Engaging multimedia content for different learning styles
• User Profiles: Personalized experience for students and teachers
• Course Management: Browse courses by subject (Math, Science, English, Kannada, etc.)

Assistive Technologies

• Text-to-Speech (TTS): Converts text content into speech for visually impaired users
• Voice Control: Navigate and interact with the site using voice commands
• Scene to Audio: Upload or capture images and get descriptive audio of the scene
• Object Detection: Identify and describe objects in uploaded images
• OCR (Optical Character Recognition): Extract text from images for further use or listening

Accessibility & Inclusivity

• Keyboard and screen reader support
• High-contrast, readable UI
• Voice and audio-based navigation
• Multilingual content support (English, Kannada)
• Responsive design for all devices

Technology Stack

• Frontend: HTML5, CSS3, JavaScript (ES6+)
• Styling: Custom CSS with responsive design
• APIs: Web Speech API, Canvas API, File API
• Deployment: Vercel
• Version Control: Git & GitHub

Project Structure

EduEase/
├── css/                   # Stylesheets
│   └── style.css            # Main stylesheet
├── images/                # Image assets and course thumbnails
├── js/                    # JavaScript modules
│   ├── script.js            # Core functionality
│   ├── toggle.js            # UI toggles
│   ├── tts.js               # Text-to-Speech
│   ├── voiceControl.js      # Voice navigation
│   ├── objectDetect.js      # Object detection
│   ├── ocr.js               # OCR functionality
│   └── sceneAudio.js        # Scene description
├── index.html             # Main landing page
├── about.html             # About page
├── contact.html           # Contact page
├── courses.html           # Courses overview
├── login.html             # Login page
├── register.html          # Registration page
├── profile.html           # User profile
├── teacher_profile.html   # Teacher profile
├── teachers.html          # Teachers overview
├── playlist.html          # Playlist view
├── watch-video.html       # Video player
├── object-detect.html     # Object detection tool
├── ocr.html               # OCR tool
├── scene-audio.html       # Scene to audio tool
└── update.html            # Profile update

Getting Started

Option 1: Visit Live Demo

Simply visit eduease-hazel.vercel.app to start using the platform immediately.

Option 2: Local Development

1. Clone the repository

   git clone https://github.com/shivasubrahmanya/EDUEASE.git
   cd EDUEASE

2. Open in browser

   # Open index.html in your preferred browser
   # No server setup required - runs client-side

3. Start exploring

   • Navigate through courses
   • Try accessibility features
   • Test voice controls and TTS

Usage Guide

For Students

1. Browse Courses: Explore subjects like Math, Science, English, and Kannada
2. Watch Videos: Access educational content with full accessibility support
3. Use Assistive Tools: Enable TTS, voice control, or image analysis as needed
4. Create Profile: Save progress and personalize your learning experience

For Teachers

1. Teacher Profile: Manage your courses and student interactions
2. Content Management: Upload and organize educational materials
3. Student Interaction: View and respond to student comments and questions

Accessibility Features

• Voice Control: Say "navigate to courses" or "read this page"
• TTS: Click the speaker icon to hear any text content
• Object Detection: Upload images to identify objects and get descriptions
• OCR: Extract text from images for reading or listening

Key Highlights

• Zero Installation: Works directly in any modern web browser
• Fully Accessible: Designed for users with various disabilities
• Multilingual: Supports English and Kannada content
• Mobile Friendly: Responsive design works on all devices
• Privacy Focused: All processing happens client-side

Contributing

We welcome contributions to make EduEase even better!

1. Fork the repository
2. Create a feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

This project is licensed under the MIT License - see the LICENSE file for details.

Credits

Developed by Team Meticulous

• G Nisha Bangera
• Roylin Lasrado
• Prewal Fredlin Fernandes For VEDHA hackathon © 2024. All rights reserved.

Support & Feedback

We welcome feedback to improve EduEase!

• Live Demo: eduease-hazel.vercel.app
• GitHub Issues: Report bugs or request features
• Contact: Use the contact page on our website

---