https://github.com/siranjeevik/lms-nextjs
Online Learning Platform
https://github.com/siranjeevik/lms-nextjs
coursera lms mooc nextjs udemy
Last synced: 18 days ago
JSON representation
Online Learning Platform
- Host: GitHub
- URL: https://github.com/siranjeevik/lms-nextjs
- Owner: SiranjeeviK
- Created: 2024-11-10T03:58:25.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2025-02-21T09:55:42.000Z (over 1 year ago)
- Last Synced: 2025-08-31T17:18:25.956Z (10 months ago)
- Topics: coursera, lms, mooc, nextjs, udemy
- Language: TypeScript
- Homepage: https://lms-nextjs-kappa.vercel.app
- Size: 902 KB
- Stars: 4
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project Introduction
This web-based platform offers progress tracking and carefully
chosen educational resources, is designed to speed up skill acquisition. Instructors can quickly create
customized learning paths with the aid of a range of resources, such as Word documents, PDFs, videos, and links
to academic publications. Teachers can upload consolidated files, including Excel sheets and.bibtex files, to the
platform. Students can continuously track their progress thanks to an interactive dashboard that shows real
time reading statistics, including the amount of time spent on particular topics and the estimated times needed
to complete particular skills. Effective learning journeys are facilitated by the dashboard's adherence to UX
principles, which guarantee an easy-to-use and accessible user experience. The platform tracks students'
progress in an effort to improve motivation, reveal patterns of learning, and optimize the learning process with
actionable analytics. This project makes use of the MERN stack to provide educators and students with a
scalable, intuitive solution.
## Features
- [x] **Progress Tracking**
- [x] **Educational Resources**
- [x] **Interactive Dashboard**
- [ ] **Customized Learning Paths**
- [ ] **Analytics and Insights**
# Stripe Setup
1. Create a Stripe account (US account)
2. Create a new sandbox account
3. Make sure the Stripe API key (Secret key) is added to your `.env.local` file or `.env` file
```bash
STRIPE_API_KEY=
```
4. Download the Stripe CLI, you will be redirected to their github releases page
(I downloaded the `stripe_1.22.0_windows_x86_64`)
5. Extract the downloaded file and add the extracted folder to your PATH
6. Restart your VS Code
7. Run `stripe login` in your terminal
8. Click on the link that appears in your terminal and login to your stripe account and click allow or athorize
9. Run the following command to create a new webhook. Make sure to replace `localhost:3000` with your own domain name if production. Don't close the terminal after running this command, this is where the webhook will be listening for events. The logs like payment success, payment failure, etc will be displayed here. NOTE: Without this command, the webhook will not work and payments will not be successful.
```bash
stripe listen --forward-to localhost:3000/api/webhook
```
10. Copy the webhook signing secret and add it to your `.env.local` file or `.env` file
```bash
STRIPE_WEBHOOK_SECRET=
```
11. Try to make a payment on your website and check the terminal to see if the webhook is being triggered. For successful payments, you can use Stripe's test card number `4242 4242 4242 4242` with any future expiry date and any CVC number.
# How to run the project
- Clone the project
- Run `npm install` to install all the dependencies
- Make sure to add the `.env.local` file with the required environment variables based on the `.env.example` file
- Complete the Stripe setup as mentioned above
- Run `npm run dev` to start the development server
- Open [http://localhost:3000](http://localhost:3000) to view it in the browser
# Troubleshooting
- If you face any issues with the Stripe CLI, make sure to check the [Stripe CLI documentation](https://stripe.com/docs/stripe-cli)
- When you purchase the course and the payment is successful, you will be redirected to the course page. If you refresh the page, you will see the course as purchased. But If it not reflect as purchased, you can check the terminal where the webhook is running to see if the payment was successful or not, and try to purchase the course again.