An open API service indexing awesome lists of open source software.

https://github.com/sharifuzzamanshaon/lms-app-frontend

LMS App Frontend for user and admin panel with Next Js 14, React-Redux, and RTK Query.
https://github.com/sharifuzzamanshaon/lms-app-frontend

form-validation formik-yup material-design nextjs14 payment-gateway redux-toolkit rtk-query socket-io tailwindcss

Last synced: 3 months ago
JSON representation

LMS App Frontend for user and admin panel with Next Js 14, React-Redux, and RTK Query.

Awesome Lists containing this project

README

        

# 🎓 SkillSage - Learning Management System

SkillSage is a **Next.js-based Learning Management System (LMS)** that allows users to browse courses, enroll, and interact with each other through real-time chat. The platform supports secure authentication, course management, and payments.
Screenshot 2025-02-19 at 12 45 11 PM

## 🌐 Live Demo
🔗 Browse Existing Project

## 🔑 Admin Access
- **Email:** [email protected]
- **Password:** shasan

## 🚀 Features

✅ **User Features**
- Browse and enroll in courses
- Secure authentication with JWT & cookies
- Real-time chat between authenticated users (Socket.IO)
- Payment gateway integration for course purchases

✅ **Admin Features**
- Add, update, and manage courses
- Monitor enrolled students
- Manage user interactions

✅ **Technologies Used**
- **Frontend:** Next.js, React.js, Tailwind CSS
- **Backend:** Node.js, Express.js, MongoDB
- **State Management:** Redux, RTK Query
- **Authentication:** JWT, Cookies
- **Real-Time Communication:** Socket.IO
- **Payments:** Integrated Payment Gateway

## 📌 UML Diagram for this system:

- 🔗 [View UML Diagram] (https://drive.google.com/file/d/1HODewEzjwO3bnrGcP5HPENFxc4TGX59i/view?usp=drive_link)
- 🔗 [View UML Diagram] (https://drive.google.com/file/d/1m5apg4hhN_KsHF9Tu9LCsohFeRDwCZaP/view?usp=sharing)
## 🛠️ Installation

Clone the repository and install dependencies:
```bash
git clone git-repo-link.git
cd skillsage
npm install

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.