Skip to main content

Learning Management System - A Project by Espada IV

Introduction​

The project is a Learning Management System (LMS) that our team has built during the 24 hour hackathon, Hack-The-Verse, CMRIT, Hyderabad.

Problem Statement​

Student LMS Portal Gamification Challenge:

Design and implement a gamified learning management system (LMS) portal for students. The solution should incorporate points, badges, leaderboards, and other interactive elements to motivate students, track progress, and make learning more engaging.

Bonus points: Develop personalized learning paths based on individual student performance and learning styles.

Flowchart​

Flowchart

Implementation​

We have implemented the LMS using the following technologies:

  • HTML
  • CSS
  • JavaScript
  • Clerk Auth
  • React.js
  • Next.js
  • Git
  • Rive
  • Google Gemini Pro
  • ShadCDN UI
  • Tailwind CSS
  • Typescript
  • JSON
  • Flask APIs
  • Oracle Cloud Infrastructure

Features​

  • Secure Login/Signup
  • A visually appealing landing page
  • A smooth and interactive Main Page
  • Gamified Learning
  • AI-Integrated Personalized Learning Paths
  • AI Assistance
  • Leaderboard
  • Makes user understand why they are learning a particular topic

Running the script​

Before you run the script below, you must have have npm and node installed on your system. If you don't have it, please install it from here.

  • Copy the below script and paste it in the Terminal:
git clone https://github.com/Shra1V32/Student-LMS.git
cd Student-LMS
cp .env.example .env.local
# enter the api keys
npm install
npm run dev
  • Please wait until the setup is complete. ⏳
  • Now, the website will be running on your localhost. 📲
  • Profit!

Credits​

  • Google for Gemini Pro
  • ShadCDN for UI
  • Clerk for authentication
  • Rive for animations
  • Oracle Cloud Infrastructure & Vercel for hosting