Learnify - Online Learning Platform

A comprehensive online learning platform built with React, TypeScript, and Bootstrap.

Live Demo Url

https://learnifyplatformbygreeshmanth.netlify.app/

Features

• 🔐 Authentication & Authorization: JWT-based auth with role-based access control
• 📚 Course Management: Browse, search, and enroll in courses
• 🎥 Video Streaming: Watch course videos with progress tracking
• 📊 Progress Analytics: Track learning progress and achievements
• 👨‍🏫 Instructor Dashboard: Create and manage courses
• 📱 Responsive Design: Mobile-first design with Bootstrap
• 💾 Local Storage: Offline token management and data persistence

Tech Stack

• Frontend: React 18, TypeScript, Bootstrap 5
• Routing: React Router DOM
• State Management: React Context API
• HTTP Client: Axios
• Icons: Lucide React
• Build Tool: Vite
• Styling: Bootstrap + Custom CSS

Getting Started

Prerequisites

• Node.js (v16 or higher)
• npm or yarn

Installation

1. Navigation :

cd learnify-platform

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open your browser and navigate to http://localhost:5173

Demo Credentials

• Email: [email protected]
• Password: password

Project Structure

src/
├── components/          # Reusable components
│   ├── Auth/           # Authentication components
│   └── Layout/         # Layout components
├── contexts/           # React Context providers
├── pages/              # Page components
│   ├── Auth/           # Authentication pages
│   ├── Courses/        # Course-related pages
│   ├── Dashboard/      # Dashboard pages
│   ├── Instructor/     # Instructor pages
│   ├── Profile/        # Profile pages
│   └── Video/          # Video player pages
├── services/           # API services
├── types/              # TypeScript type definitions
└── utils/              # Utility functions