Command Palette

Search for a command to run...

1
Projects

Learnify — E-Learning Platform

A comprehensive e-learning platform with role-based access, course management, quizzes, certifications, and real-time notifications.

Learnify — E-Learning Platform

Overview

Learnify is your ultimate e-learning platform designed to revolutionize the way you learn and grow. With an intuitive interface, expert-led courses, and interactive features, Learnify empowers you to take control of your learning journey.

Administrator Features

  • Role Management — Admin and User roles with controlled access and functionalities
  • OAuth Google Integration — Seamless login with Google accounts
  • Firebase Authentication — Secure and reliable auth
  • Course Management — Full CRUD operations for courses
  • Quiz Management — Add quizzes to specific courses and view all created quizzes
  • Admin Profile — Customizable admin profiles
  • Course Filtering & Search — Filter by tags/categories, search by name or description
  • Interactive Dashboard — Real-time analytics with charts and pie charts for user growth and course popularity

Learner Features

  • Course Discovery — Browse all courses, apply filters, and search
  • Enrollment & Progress Tracking — Enroll in courses, learn through videos and documents, mark lectures as completed
  • Certifications — Earn certificates upon course completion
  • Notification System — Real-time notifications and reminders for learning goals
  • Profile Management — Update personal details and preferences
  • Quiz Participation — Take quizzes for enrolled courses to assess understanding

Tech Stack

  • Frontend: React
  • Styling: Tailwind CSS
  • Backend: Firebase (Backend as a Service)
    • Firestore (database)
    • Firestore Storage (file storage)
    • Firebase Authentication (auth)

Getting Started

git clone https://github.com/Kashan-2912/Learnify-SkillUp.git
cd Learnify-SkillUp
npm install

Setup Firebase

  1. Create a Firebase project
  2. Copy config to .env.example
  3. Rename .env.example to .env

Run

$ pnpm dev

Lessons Learned

Built from scratch using React.js hooks (useState, useEffect, useParams, useRef, useNavigate), props, components, Tailwind CSS, responsiveness, and Firebase (Firestore, Storage, Authentication). The app is fully mobile responsive.