Jifunze Learning Management System

Introduction

This is the repository for the Jifunze Learning Management System.

Tech Stack

1. Next.js 14
2. React
3. Typescript
4. Shadcn UI
5. Tailwind
6. Mux
7. Uploadthing
8. Prisma
9. MongoDB
10. PayPal

Key Features

• Browse & filter courses
• Purchase courses using PayPal
• Mark chapters as completed or uncomple
• Progress calculation of each course
• Student dashboard
• Instructor mode
• Create new courses
• Create new chapters
• Easily reorder chapter position with drag and drop
• Upload thumbnails, attachments and videos using UploadThing
• Video processing using Mux
• HLS video player using Mux
• Rich text editor for chapter description
• Authentication using Clerk
• ORM using Prisma
• MongoDB database using MongoDB Atlas

Prerequisites

Node version 20.x.x

Cloning The Repository

git clone https://github.com/theS3Interdev/jifunze-lms-platform.git

Install Packages

pnpm install

Setup .env File

CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=
NEXT_PUBLIC_CLERK_SIGN_UP_URL=

CLOUDINARY_API_SECRET=
NEXT_PUBLIC_CLOUDINARY_API_KEY=
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME=

DATABASE_URL=

PAYPAL_APP_SECRET=
NEXT_PUBLIC_PAYPAL_CLIENT_ID=

UPLOADTHING_APP_ID=
UPLOADTHING_SECRET=

NEXT_PUBLIC_APP_URL=
NEXT_PUBLIC_INSTRUCTOR_ID=

Setup Prisma

Add MongoDB Database

pnpm dlx prisma generate
pnpm dlx prisma db push

Start The Application

pnpm dev

Available Commands

Running commands with npm pnpm [command]

command	description
dev	Starts a development instance of the app