Udemy

Next.js 14 e-Learning and Online Courses Marketplace App

Enroll Now
  • 161 Students
  • Updated 8/2024
5.0
(11 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
11 Hour(s) 18 Minute(s)
Language
English
Taught by
K.Sathya Prakash Reddy
Rating
5.0
(11 Ratings)
2 views

Course Overview

Next.js 14 e-Learning and Online Courses Marketplace App

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

  • N
    Nini
    5.0

    cool the instructor

  • S
    Srinath
    5.0

    A good course,I sincerely recommend.

  • P
    Pedro L. Valladares
    5.0

    So far all the code works very well and the explanations are concise and to the point.

  • Y
    Y.Nikhil Sai
    5.0

    really awesome course

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed