A modern, accessible e-learning platform built with React, TypeScript, and Tailwind CSS. Designed with inclusivity in mind, featuring comprehensive accessibility features and a beautiful glassmorphism UI.
- Glassmorphism Design - Beautiful glass-like effects with backdrop blur
- Animated Gradients - Dynamic background animations
- Responsive Layout - Works perfectly on all devices
- Dark/Light Mode - Theme switching support
- Framer Motion - Smooth animations and transitions
- Screen Reader Support - Full ARIA compliance
- Text-to-Speech (TTS) - Built-in voice narration
- Keyboard Navigation - Complete keyboard accessibility
- High Contrast Mode - Enhanced visibility options
- Adjustable Font Sizes - Customizable text scaling
- Focus Management - Clear focus indicators
- Interactive Courses - Mathematics, Biology, Physics
- Video Lectures - With transcripts and captions
- Progress Tracking - Visual learning progress
- Achievements System - Gamified learning experience
- Quiz System - Interactive assessments
- Offline Support - PWA with offline capabilities
- Real-time Updates - Course updates and achievements
- Glassmorphism Panel - Beautiful notification interface
- Categorized Alerts - Different types with color coding
- Mark as Read - Notification management
- Responsive Design - Works on all screen sizes
- Multi-tab Settings Panel - Organized configuration
- Notification Preferences - Granular control
- Data Export/Import - Backup your progress
- Cache Management - Performance optimization
- Language Support - Multiple language options
- Node.js 18+
- npm or yarn
- Clone the repository
git clone https://github.com/deeksha006/eduaccess-platform.git
cd eduaccess-platform- Install dependencies
npm install- Start development server
npm run dev- Build for production
npm run build- Preview production build
npm run preview- Frontend: React 18, TypeScript
- Styling: Tailwind CSS, Custom CSS
- Animations: Framer Motion
- Icons: Lucide React
- Build Tool: Vite
- PWA: Service Worker, Web App Manifest
- Accessibility: ARIA, Screen Reader Support
- Offline Support - Works without internet
- App-like Experience - Install on devices
- Background Sync - Sync when online
- Push Notifications - Stay updated
- Responsive Design - All screen sizes
- WCAG 2.1 AA Compliant
- Screen Reader Optimized
- Keyboard Navigation
- High Contrast Support
- Text-to-Speech Integration
- Focus Management
- Semantic HTML
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Built with accessibility in mind
- Inspired by modern e-learning platforms
- Designed for inclusive education
Deeksha - @deeksha006
Project Link: https://github.com/deeksha006/eduaccess-platform
⭐ Star this repository if you found it helpful!