An open API service indexing awesome lists of open source software.

https://github.com/Prajjwol09/E-Sikshya

E-Sikshya is a cutting-edge e-learning platform built with React, TypeScript, and Tailwind CSS. It offers a modern, responsive, and accessible interface for online education.
https://github.com/Prajjwol09/E-Sikshya

elearning html react tailwindcss vite website

Last synced: 8 months ago
JSON representation

E-Sikshya is a cutting-edge e-learning platform built with React, TypeScript, and Tailwind CSS. It offers a modern, responsive, and accessible interface for online education.

Awesome Lists containing this project

README

          

# E-Sikshya - Modern E-Learning Platform

![E-Sikshya](https://images.unsplash.com/photo-1522202176988-66273c2fd55f?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1471&q=80)

E-Sikshya is a cutting-edge e-learning platform built with React, TypeScript, and Tailwind CSS. It offers a modern, responsive, and accessible interface for online education.

## 🌟 Features

- **Live Interactive Classes**: Real-time video streaming and interactive sessions
- **Gamification**: Badges, leaderboards, and progress rewards
- **Dark Mode**: Toggle between light and dark themes
- **Multilingual Support**: Interface available in multiple languages
- **Responsive Design**: Optimized for all device sizes
- **Accessibility**: WCAG compliant with proper ARIA labels
- **Modern UI**: Beautiful, intuitive interface with smooth animations

## 🚀 Quick Start

### Prerequisites

- Node.js (v18 or higher)
- npm or yarn

### Installation

1. Clone the repository:
```bash
git clone https://github.com/Prajjwol09/e-sikshya.git
cd e-sikshya
```

2. Install dependencies:
```bash
npm install
```

3. Start the development server:
```bash
npm run dev
```

## 🛠️ Tech Stack

- **Frontend Framework**: React 18
- **Type System**: TypeScript
- **Styling**: Tailwind CSS
- **Icons**: Lucide React
- **Build Tool**: Vite
- **Linting**: ESLint
- **Code Formatting**: Prettier

## 📁 Project Structure

```
e-sikshya/
├── src/
│ ├── components/ # Reusable UI components
│ ├── context/ # React Context providers
│ ├── types/ # TypeScript type definitions
│ ├── App.tsx # Main application component
│ └── main.tsx # Application entry point
├── public/ # Static assets
└── ...config files
```

## 🎨 Components

### Core Components

- `ThemeToggle`: Switches between light and dark modes
- `LanguageSelector`: Changes the application language
- `FeatureCard`: Displays feature information
- `SocialLink`: Social media links with icons
- `FooterLink`: Navigation links in the footer

### Context Providers

- `ThemeProvider`: Manages application theme state
- `LanguageProvider`: Handles internationalization

## 🌐 Internationalization

Supported languages:
- English (en)
- Spanish (es)
- French (fr)
- Hindi (hi)

## 🎯 Future Enhancements

- [ ] Course catalog with search and filters
- [ ] User authentication and profiles
- [ ] Progress tracking dashboard
- [ ] Interactive video player
- [ ] Real-time chat system
- [ ] Payment integration
- [ ] Mobile applications

## 🤝 Contributing

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

## 📄 License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## 👥 Authors

- Your Name - *Initial work* - (https://github.com/Prajjwol09)

## 🙏 Acknowledgments

- [React](https://reactjs.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Lucide Icons](https://lucide.dev/)
- [Vite](https://vitejs.dev/)