LearnHub - Advanced Learning Management System

Watch Demo - https://learnhub-lms-platform.netlify.app/

📚 Project Overview

LearnHub is a modern, feature-rich Learning Management System (LMS) built with HTML, CSS, and Vanilla JavaScript. It features an award-winning design with smooth animations, responsive layouts, and an intuitive user interface.

✨ Features

Core Features

• ✅ Responsive Design - Works seamlessly on desktop, tablet, and mobile devices
• ✅ Animated Hamburger Menu - Transforms to X when clicked
• ✅ Theme Switcher - Dark and light mode with smooth transitions
• ✅ Dropdown Navbar - Smooth dropdown menu for courses
• ✅ Chatbot - Interactive chatbot in bottom-right corner
• ✅ Smooth Animations - Clean transitions throughout the platform
• ✅ Modern Design - Award-winning aesthetic with gradient effects
• ✅ Font Awesome Icons - Professional icon library
• ✅ Google Fonts - Roboto, Montserrat, Poppins

Pages

• Home Page (index.html)
• Courses Page
• About Page
• Contact Page
• Login Pages (Admin & User)
• Register Page
• Dashboard Pages

🚀 Getting Started

Prerequisites

• Modern web browser (Chrome, Firefox, Safari, Edge)
• No backend server required for initial setup

Installation

1. Clone the repository

git clone https://github.com/udan-insith/LMS-Platform.git
cd LMS-Platform

                   PROJECT STRUCTURE


LMS-Platform/
├── index.html              # Home page
├── css/
│   ├── variables.css       # CSS custom properties and themes
│   ├── global.css          # Global styles
│   ├── navbar.css          # Navigation styling
│   ├── hero.css            # Hero section and features
│   ├── buttons.css         # Button styles
│   ├── animations.css      # Animation keyframes
│   ├── chatbot.css         # Chatbot styling
│   └── responsive.css      # Responsive breakpoints
├── js/
│   ├── theme.js            # Theme switcher logic
│   ├── navbar.js           # Navigation interactions
│   ├── chatbot.js          # Chatbot functionality
│   └── animations.js       # Scroll and page animations
└── pages/
    ├── courses.html
    ├── about.html
    ├── contact.html
    ├── login.html
    ├── register.html
    └── dashboard.html