https://github.com/kayprogrammer/ednet-vite-frontend
Edtech platform built with ViteJS
https://github.com/kayprogrammer/ednet-vite-frontend
Last synced: 4 months ago
JSON representation
Edtech platform built with ViteJS
- Host: GitHub
- URL: https://github.com/kayprogrammer/ednet-vite-frontend
- Owner: kayprogrammer
- Created: 2025-09-11T14:57:43.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-09-11T18:10:20.000Z (5 months ago)
- Last Synced: 2025-09-11T18:34:15.133Z (5 months ago)
- Language: TypeScript
- Size: 141 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# EDNET Frontend
A modern, responsive frontend application for the EDNET educational platform built with React, TypeScript, Vite, Chakra UI, and Redux Toolkit.
## Features
- 🎨 Modern UI with Chakra UI components
- 🔐 Authentication and authorization
- 📱 Fully responsive design (desktop, tablet, mobile)
- 🎓 Course management and enrollment
- 📊 Student dashboard and progress tracking
- 👨🏫 Instructor dashboard for course creation
- 🔍 Course search and filtering
- ⭐ Course reviews and ratings
- 🏆 Leaderboard and gamification
- 🎯 Quiz functionality
## Tech Stack
- **React 18** - UI library
- **TypeScript** - Type safety
- **Vite** - Build tool and dev server
- **Chakra UI** - Component library
- **Redux Toolkit** - State management
- **RTK Query** - Data fetching and caching
- **React Router** - Client-side routing
- **React Hook Form** - Form handling
- **Yup** - Form validation
## Getting Started
### Prerequisites
- Node.js 18+
- npm or yarn
### Installation
1. Install dependencies:
```bash
npm install
```
2. Start development server:
```bash
npm run dev
```
The application will be available at `http://localhost:5173`
## Docker Setup
### Development
```bash
docker-compose --profile dev up -d
```
### Production
```bash
docker-compose up -d
```
## Project Structure
```
src/
├── components/ # Reusable UI components
├── hooks/ # Custom React hooks
├── layouts/ # Layout components
├── pages/ # Page components
├── services/ # API services
├── store/ # Redux store and slices
├── types/ # TypeScript type definitions
├── theme/ # Chakra UI theme customization
└── main.tsx # Application entry point
```
## Available Scripts
- `npm run dev` - Start development server
- `npm run build` - Build for production
- `npm run preview` - Preview production build
## API Integration
The application integrates with the EDNET Fiber API backend. Set the API URL in your `.env` file:
```
VITE_API_BASE_URL=http://localhost:8000/api/v1
```
## License
This project is licensed under the MIT License.