Course Information
Course Overview
Learn how to build an e-learning online courses marketplace using latest technologies like nextjs , mongodb , antd etc
Welcome to the course Next.js 14 e-Learning and Online Courses Marketplace App. In this course we will build a full-stack real-time web application using the popular and cutting edge technologies like nextjs , taiwind , mongodb etc.
So here we are listing the complete project techstack and features
Project Tech-stack
Next.js 14 - For complete frontend and backend services
Tailwind CSS - For styling and alignments
Ant Design : For ui components
Zustand : For handling global state management
Mongo DB : For Database
Firebase : For storing all lessons , promo videos.
Project Features
Strong and secure user authentication using CLERK.
There will be 2 user roles , one is admin and another is student.
Admin can create , modify and delete the courses.
The course form will have the basic details and description with rich text editor and then finally the course curriculum with multiple sections support and each section can have multiple videos.
We will have centralised media library where admin can upload all the course videos , so while creating curriculum they need not to upload manually for each lesson.
Once the course is published it will be available for normal students to enroll.
Students can view all courses in homepage and they can filter by category and they can also search by course title.
They can view the complete course info like description , promo video and curriculum by clicking on the course image.
Students can purchase the courses by making payment using the stripe payment gateway.
Once students purchase course , it will be added to student's purchases where they can watch all the videos.
Students will also have a report page in which they will see total courses enrolled , total amount spent and last 5 purchases etc.
Admin can view course all the students enrollments and course level enrollments
Admin will also have reports page in which we will show total courses published , total enrollments , total distinct students , total revenue collected and last 5 enrollments.
Admin can also view the list of distinct students who enrolled in multiple courses.
Drag and drop functionality in curriculum in-order to sort the sections and lessons.
Deploying the application to vercel cloud service.
Q/A and Direct Messages support
Course Content
- 10 section(s)
- 78 lecture(s)
- Section 1 Introduction
- Section 2 User authentication
- Section 3 Save users
- Section 4 Build layout
- Section 5 Course form
- Section 6 Media library
- Section 7 Saving course
- Section 8 Homepage and course info page
- Section 9 Purchase course
- Section 10 Save enrollments
What You’ll Learn
- Understand all the latest features if nextjs v14 in-depth and how they can be implemented in real-time projects
- Implement strong and secured authentication and authorization system using CLERK
- Learn how to use the tailwind css with other third party ui components libraries like antd , material ui etc.
- Integrate firebase inorder to store and handle the large media uploads in nextjs apps
Reviews
-
NNini
cool the instructor
-
SSrinath
A good course,I sincerely recommend.
-
PPedro L. Valladares
So far all the code works very well and the explanations are concise and to the point.
-
YY.Nikhil Sai
really awesome course