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.
- Host: GitHub
- URL: https://github.com/sharifuzzamanshaon/lms-app-frontend
- Owner: SharifuzzamanShaon
- Created: 2024-11-12T09:18:29.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-02-23T16:26:50.000Z (4 months ago)
- Last Synced: 2025-02-23T16:33:32.811Z (4 months ago)
- Topics: form-validation, formik-yup, material-design, nextjs14, payment-gateway, redux-toolkit, rtk-query, socket-io, tailwindcss
- Language: JavaScript
- Homepage: http://skillsage-6v3g.onrender.com/
- Size: 1.13 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
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.
## 🌐 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)
## 🛠️ InstallationClone 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.