Skip to content

Cybernerd1/learnova-frontend

Repository files navigation

🎓 Learnova Frontend — AI-Powered Learning Platform

The frontend for Learnova, a modern e-learning platform built with React and Vite, featuring AI-powered assistance and a beautiful, responsive user interface.


🚀 Features

  • 🎨 Modern UI: Clean, responsive design using React and Tailwind CSS
  • 🔐 Authentication: Secure login and registration with JWT token management
  • 📚 Course Management: Browse, search, and manage learning modules with intuitive interface
  • 🧠 AI Integration: Interactive AI-powered chat for personalized learning assistance
  • Fast Performance: Built with Vite for lightning-fast development and optimal load times
  • 🌐 State Management: Efficient global state handling using Context API
  • 📱 Responsive Design: Seamless experience across desktop, tablet, and mobile devices
  • 🎯 User Dashboard: Personalized dashboard showing enrolled courses and progress
  • 🔍 Smart Search: Advanced course filtering and search functionality
  • 💬 Interactive Learning: Real-time AI responses and recommendations
  • 📊 Progress Tracking: Visual representation of learning progress and achievements
  • 🎨 Custom Themes: Beautiful UI components with consistent design language

🧱 Tech Stack

  • Framework: React 18
  • Build Tool: Vite
  • Styling: Tailwind CSS
  • State Management: Context API
  • HTTP Client: Axios / Fetch API
  • Routing: React Router
  • Date Handling: Moment.js
  • Icons: Lucide React / React Icons
  • Form Handling: React Hook Form (if used)

📂 Key Components

Authentication

  • Login/Register pages with form validation
  • Password strength indicators
  • Forgot password functionality
  • Persistent authentication state

Course Interface

  • Course catalog with grid/list views
  • Detailed course pages with curriculum
  • Enrollment system
  • Course rating and reviews

AI Chat

  • Interactive chat interface
  • Real-time AI responses using Gemini
  • Context-aware conversations
  • Chat history management

User Profile

  • Profile management and editing
  • Avatar upload and customization
  • Enrolled courses overview
  • Learning statistics and achievements

Dashboard

  • Personalized learning dashboard
  • Quick access to ongoing courses
  • AI-powered recommendations
  • Progress visualization

🎨 Design Philosophy

Learnova's frontend emphasizes:

  • User-Centric Design: Intuitive navigation and clear visual hierarchy
  • Accessibility: WCAG compliant with keyboard navigation support
  • Performance: Optimized bundle size and lazy loading
  • Consistency: Unified design system across all pages
  • Interactivity: Smooth animations and engaging user feedback

🧑‍💻 Author

Developed by CyberNerd

"Where learning meets intelligence."


📜 License

Licensed under the MIT License.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors