${key} : ${data[key]}
`; 24 | })}` 25 | ); 26 | if (info) { 27 | return res.status(200).send({ 28 | success: true, 29 | message: "Your message has been sent successfully", 30 | }); 31 | } else { 32 | return res.status(403).send({ 33 | success: false, 34 | message: "Something went wrong", 35 | }); 36 | } 37 | } catch (error) { 38 | return res.status(403).send({ 39 | success: false, 40 | message: "Something went wrong", 41 | }); 42 | } 43 | }; 44 | -------------------------------------------------------------------------------- /server/controllers/RatingAndReviews.js: -------------------------------------------------------------------------------- 1 | const RatingAndReview=require("../models/RatingAndReview") 2 | const Course = require("../models/Course"); 3 | const { default: mongoose } = require("mongoose"); 4 | 5 | 6 | exports.createRating = async (req,res)=>{ 7 | try { 8 | const userId=req.user.id; 9 | const {rating, review,courseId} = req.body; 10 | const courseDetails= await Course.find({_id: courseId, 11 | studentsEnrolled: {$elemMatch:{$eq:userId}}}); 12 | 13 | if(!courseDetails){ 14 | return res.status(404).json({success:false,emessage: "Student not enrolled in course"}); 15 | }; 16 | const alreadyReviewed =await RatingAndReview.findOne({user:userId, 17 | course:courseId}); 18 | 19 | if(alreadyReviewed){ 20 | return res.status(404).json({success: false,message: "Already reviewed"}); 21 | } 22 | const ratingReview= await RatingAndReview.create({rating, 23 | review, 24 | course:courseId, 25 | user:userId}); 26 | 27 | 28 | await Course.findByIdAndUpdate({_id:courseId}, 29 | { 30 | $push:{ 31 | ratingAndReviews: ratingReview._id 32 | }}); 33 | 34 | 35 | res.status(200).json({ 36 | success: true, 37 | message: "Rating added successfully", 38 | ratingReview}); 39 | 40 | } catch (error) { 41 | console.log(error); 42 | res.status(500).json({message: error.message}); 43 | } 44 | } 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | exports.getAverageRating = async (res,req)=>{ 54 | try { 55 | const courseId=req.body.courseId; 56 | const result= await RatingAndReview.aggregate([ 57 | { 58 | $match:{ 59 | course:new mongoose.Types.ObjectId(courseId), 60 | } 61 | }, 62 | { 63 | $group:{ 64 | _id:null, 65 | averageRating: {$avg:"$rating"} 66 | } 67 | } 68 | ]); 69 | 70 | if(result.length > 0) { 71 | return res.status(200).json({averageRating: result[0].averageRating}); 72 | } 73 | else{ 74 | return res.status(200).json({message: "Average rating is 0", 75 | averageRating:0}); 76 | } 77 | 78 | } catch (error) { 79 | console.log(error); 80 | res.status(500).json({message: error.message}); 81 | } 82 | }; 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | exports.getAllRating = async (req,res) => { 93 | //get sorted by rating 94 | try { 95 | const allReviews = await RatingAndReview.find( 96 | ).sort({rating: -1}) 97 | .populate({path: "user", 98 | select: "firstName lastName email image"}) 99 | .populate({path: "course", 100 | select: "courseName"}) 101 | .exec(); 102 | 103 | return res.status(200).json({ 104 | success: true, 105 | message:"all reviews fetched successfully", 106 | data:allReviews, 107 | }); 108 | } catch (error) { 109 | console.log(error); 110 | res.status(500).json({message: error.message}); 111 | } 112 | } -------------------------------------------------------------------------------- /server/controllers/ResetPassword.js: -------------------------------------------------------------------------------- 1 | const User = require("../models/User"); 2 | const mailSender = require("../utils/mailSender"); 3 | const bcrypt = require("bcrypt"); 4 | const crypto = require("crypto"); 5 | 6 | exports.resetPasswordToken = async (req, res) => { 7 | try { 8 | const email = req.body.email; 9 | const user = await User.findOne({ email: email }); 10 | if (!user) { 11 | return res.json({ 12 | success: false, 13 | message: `This Email: ${email} is not Registered With Us Enter a Valid Email `, 14 | }); 15 | } 16 | const token = crypto.randomBytes(20).toString("hex"); 17 | 18 | const updatedDetails = await User.findOneAndUpdate( 19 | { email: email }, 20 | { 21 | token: token, 22 | resetPasswordExpires: Date.now() + 3600000, 23 | }, 24 | { new: true } 25 | ); 26 | console.log("DETAILS", updatedDetails); 27 | 28 | const url = `https://studynotion.fun/update-password/${token}`; 29 | 30 | await mailSender( 31 | email, 32 | "Password Reset", 33 | `Your Link for email verification is ${url}. Please click this url to reset your password.` 34 | ); 35 | 36 | res.json({ 37 | success: true, 38 | message: 39 | "Email Sent Successfully, Please Check Your Email to Continue Further", 40 | }); 41 | } catch (error) { 42 | return res.json({ 43 | error: error.message, 44 | success: false, 45 | message: `Some Error in Sending the Reset Message`, 46 | }); 47 | } 48 | }; 49 | 50 | exports.resetPassword = async (req, res) => { 51 | try { 52 | const { password, confirmPassword, token } = req.body; 53 | 54 | if (confirmPassword !== password) { 55 | return res.json({ 56 | success: false, 57 | message: "Password and Confirm Password Does not Match", 58 | }); 59 | } 60 | const userDetails = await User.findOne({ token: token }); 61 | if (!userDetails) { 62 | return res.json({ 63 | success: false, 64 | message: "Token is Invalid", 65 | }); 66 | } 67 | if (!(userDetails.resetPasswordExpires > Date.now())) { 68 | return res.status(403).json({ 69 | success: false, 70 | message: `Token is Expired, Please Regenerate Your Token`, 71 | }); 72 | } 73 | const encryptedPassword = await bcrypt.hash(password, 10); 74 | await User.findOneAndUpdate( 75 | { token: token }, 76 | { password: encryptedPassword }, 77 | { new: true } 78 | ); 79 | res.json({ 80 | success: true, 81 | message: `Password Reset Successful`, 82 | }); 83 | } catch (error) { 84 | return res.json({ 85 | error: error.message, 86 | success: false, 87 | message: `Some Error in Updating the Password`, 88 | }); 89 | } 90 | }; -------------------------------------------------------------------------------- /server/controllers/Section.js: -------------------------------------------------------------------------------- 1 | const Section = require("../models/Section"); 2 | const Course = require("../models/Course"); 3 | // CREATE a new section 4 | exports.createSection = async (req, res) => { 5 | try { 6 | // Extract the required properties from the request body 7 | const { sectionName, courseId } = req.body; 8 | 9 | // Validate the input 10 | if (!sectionName || !courseId) { 11 | return res.status(400).json({ 12 | success: false, 13 | message: "Missing required properties", 14 | }); 15 | } 16 | 17 | const ifcourse= await Course.findById(courseId); 18 | if (!ifcourse) { 19 | return res.status(404).json({ 20 | success: false, 21 | message: "Course not found", 22 | }); 23 | } 24 | 25 | // Create a new section with the given name 26 | const newSection = await Section.create({ sectionName }); 27 | 28 | // Add the new section to the course's content array 29 | const updatedCourse = await Course.findByIdAndUpdate( 30 | courseId, 31 | { 32 | $push: { 33 | courseContent: newSection._id, 34 | }, 35 | }, 36 | { new: true } 37 | ) 38 | .populate({ 39 | path: "courseContent", 40 | populate: { 41 | path: "subSection", 42 | }, 43 | }) 44 | .exec(); 45 | 46 | // Return the updated course object in the response 47 | res.status(200).json({ 48 | success: true, 49 | message: "Section created successfully", 50 | updatedCourse, 51 | }); 52 | } catch (error) { 53 | // Handle errors 54 | res.status(500).json({ 55 | success: false, 56 | message: "Internal server error", 57 | error: error.message, 58 | }); 59 | } 60 | }; 61 | 62 | // UPDATE a section 63 | exports.updateSection = async (req, res) => { 64 | try { 65 | const { sectionName, sectionId,courseId } = req.body; 66 | console.log(sectionName, sectionId); 67 | const section = await Section.findByIdAndUpdate( 68 | sectionId, 69 | { sectionName }, 70 | { new: true } 71 | ); 72 | const updatedCourse = await Course.findById(courseId).populate({ path: "courseContent", populate: { path: "subSection" } }).exec(); 73 | res.status(200).json({ 74 | success: true, 75 | message: "Section updated successfully", 76 | updatedCourse, 77 | 78 | }); 79 | } catch (error) { 80 | console.error("Error updating section:", error); 81 | res.status(500).json({ 82 | success: false, 83 | message: "Internal server error", 84 | }); 85 | } 86 | }; 87 | 88 | // DELETE a section 89 | exports.deleteSection = async (req, res) => { 90 | try { 91 | const { sectionId,courseId } = req.body; 92 | await Section.findByIdAndDelete(sectionId); 93 | const updatedCourse = await Course.findById(courseId).populate({ path: "courseContent", populate: { path: "subSection" } }).exec(); 94 | res.status(200).json({ 95 | success: true, 96 | message: "Section deleted", 97 | updatedCourse, 98 | }); 99 | } catch (error) { 100 | console.error("Error deleting section:", error); 101 | res.status(500).json({ 102 | success: false, 103 | message: "Internal server error", 104 | }); 105 | } 106 | }; -------------------------------------------------------------------------------- /server/index.js: -------------------------------------------------------------------------------- 1 | const express = require("express"); 2 | 3 | const app = express(); 4 | 5 | const userRoutes = require("./routes/User"); 6 | const paymentRoutes = require("./routes/Payments"); 7 | const profileRoutes = require("./routes/Profile"); 8 | const CourseRoutes = require("./routes/Course"); 9 | 10 | const database = require("./config/database"); 11 | const cookieParser = require("cookie-parser"); 12 | 13 | const cors = require("cors"); 14 | const fileUpload = require("express-fileupload"); 15 | const { cloudnairyconnect } = require("./config/cloudinary"); 16 | 17 | const dotenv = require("dotenv"); 18 | dotenv.config(); 19 | 20 | const PORT = process.env.PORT || 5000; 21 | database.connect(); 22 | 23 | app.use(express.json()); 24 | app.use(cookieParser()); 25 | 26 | const whitelist = process.env.CORS_ORIGIN 27 | ? JSON.parse(process.env.CORS_ORIGIN) 28 | : ["*"]; 29 | 30 | app.use( 31 | cors({ 32 | origin: whitelist, 33 | credentials: true, 34 | maxAge: 14400, 35 | }) 36 | ); 37 | 38 | app.use( 39 | fileUpload({ 40 | useTempFiles: true, 41 | tempFileDir: "/tmp", 42 | }) 43 | ); 44 | 45 | cloudnairyconnect(); 46 | 47 | app.use("/api/v1/auth", userRoutes); 48 | 49 | app.use("/api/v1/payment", paymentRoutes); 50 | 51 | app.use("/api/v1/profile", profileRoutes); 52 | 53 | app.use("/api/v1/course", CourseRoutes); 54 | 55 | app.use("/api/v1/contact", require("./routes/ContactUs")); 56 | 57 | app.get("/", (req, res) => { 58 | res.status(200).json({ 59 | message: "Welcome to the API", 60 | }); 61 | }); 62 | 63 | app.listen(PORT, () => { 64 | console.log(`Server is running on port ${PORT}`); 65 | }); 66 | -------------------------------------------------------------------------------- /server/mail/templates/courseEnrollmentEmail.js: -------------------------------------------------------------------------------- 1 | exports.courseEnrollmentEmail = (courseName, name) => { 2 | return ` 3 | 4 | 5 | 6 | 7 |
70 | 
72 |
73 |
84 |
85 |
86 | `;
87 | };
--------------------------------------------------------------------------------
/server/mail/templates/emailVerificationTemplate.js:
--------------------------------------------------------------------------------
1 | const otpTemplate = (otp) => {
2 | return `
3 |
4 |
5 |
6 |
7 |
72 |
73 |
74 |
81 | Dear ${name},
75 |You have successfully registered for the course "${courseName}". We 76 | are excited to have you as a participant!
77 |Please log in to your learning dashboard to access the course materials and start your learning journey. 78 |
79 | Go to Dashboard 80 |If you have any questions or need assistance, please feel free to reach out to us at info@studynotion.com. We are here to help!
83 |
69 |
71 |
72 |
83 |
84 |
85 | `;
86 | };
87 | module.exports = otpTemplate;
--------------------------------------------------------------------------------
/server/mail/templates/passwordUpdate.js:
--------------------------------------------------------------------------------
1 | exports.passwordUpdated = (email, name) => {
2 | return `
3 |
4 |
5 |
6 |
7 |
71 |
72 |
73 |
80 | Dear User,
74 |Thank you for registering with StudyNotion. To complete your registration, please use the following OTP 75 | (One-Time Password) to verify your account:
76 |${otp}
77 |This OTP is valid for 5 minutes. If you did not request this verification, please disregard this email. 78 | Once your account is verified, you will have access to our platform and its features.
79 |If you have any questions or need assistance, please feel free to reach out to us at info@studynotion.com. We are here to help!
82 |
58 |
60 |
61 |
72 |
73 |
74 | `;
75 | };
--------------------------------------------------------------------------------
/server/mail/templates/paymentSuccess.js:
--------------------------------------------------------------------------------
1 | exports.paymentSuccess = (amount, paymentId, orderId, name,lastname) => {
2 | return `
3 |
4 |
5 |
6 |
7 |
60 |
61 |
62 |
67 | Hey ${name},
63 |Your password has been successfully updated for the email ${email}. 64 |
65 |If you did not request this password change, please contact us immediately to secure your account.
66 |If you have any questions or need further assistance, please feel free to reach out to us
68 | at
69 | info@studynotion.com. We are here to help!
70 |
71 |
70 |
72 |
75 |
88 |
89 |
90 | `;
91 | };
--------------------------------------------------------------------------------
/server/middlewares/auth.js:
--------------------------------------------------------------------------------
1 | const jwt = require("jsonwebtoken");
2 | require("dotenv").config();
3 | const User = require("../models/User");
4 |
5 | //auth
6 | exports.auth = async (req, res, next) => {
7 | try{
8 | //extract token
9 | const token = req.cookies.token
10 | || req.body.token
11 | || req.header("Authorisation").replace("Bearer ", "");
12 |
13 | //if token missing, then return response
14 | if(!token) {
15 | return res.status(401).json({
16 | success:false,
17 | message:'TOken is missing',
18 | });
19 | }
20 |
21 | //verify the token
22 | try{
23 | const decode = jwt.verify(token, process.env.JWT_SECRET);
24 | console.log("decode= ",decode);
25 | req.user = decode;
26 | }
27 | catch(err) {
28 | //verification - issue
29 | return res.status(401).json({
30 | success:false,
31 | message:'token is invalid',
32 | });
33 | }
34 | next();
35 | }
36 | catch(error) {
37 | return res.status(401).json({
38 | success:false,
39 | message:'Something went wrong while validating the token',
40 | });
41 | }
42 | }
43 |
44 | //isStudent
45 | exports.isStudent = async (req, res, next) => {
46 | try{
47 | if(req.user.accountType !== "Student") {
48 | return res.status(401).json({
49 | success:false,
50 | message:'This is a protected route for Students only',
51 | });
52 | }
53 | next();
54 | }
55 | catch(error) {
56 | return res.status(500).json({
57 | success:false,
58 | message:'User role cannot be verified, please try again'
59 | })
60 | }
61 | }
62 |
63 |
64 | //isInstructor
65 | exports.isInstructor = async (req, res, next) => {
66 | try{
67 | if(req.user.accountType !== "Instructor") {
68 | return res.status(401).json({
69 | success:false,
70 | message:'This is a protected route for Instructor only',
71 | });
72 | }
73 | next();
74 | }
75 | catch(error) {
76 | return res.status(500).json({
77 | success:false,
78 | message:'User role cannot be verified, please try again'
79 | })
80 | }
81 | }
82 |
83 |
84 | //isAdmin
85 | exports.isAdmin = async (req, res, next) => {
86 | try{
87 | if(req.user.accountType !== "Admin") {
88 | return res.status(401).json({
89 | success:false,
90 | message:'This is a protected route for Admin only',
91 | });
92 | }
93 | next();
94 | }
95 | catch(error) {
96 | return res.status(500).json({
97 | success:false,
98 | message:'User role cannot be verified, please try again'
99 | })
100 | }
101 | }
--------------------------------------------------------------------------------
/server/middlewares/demo.js:
--------------------------------------------------------------------------------
1 |
2 |
3 | //check if demo user
4 | exports.isDemo = async (req, res, next)=> {
5 | console.log(req.user.email);
6 | if (req.user.email === "kumarhimanshusangwan@gmail.com" || req.user.email === "1234@gmail.com") {
7 | return res.status(401).json({
8 | success: false,
9 | message: "This is a Demo User",
10 | });
11 | }
12 | next();
13 | }
--------------------------------------------------------------------------------
/server/models/Category.js:
--------------------------------------------------------------------------------
1 | const mongoose = require("mongoose");
2 |
3 | // Define the Tags schema
4 | const categorySchema = new mongoose.Schema({
5 | name: {
6 | type: String,
7 | required: true,
8 | },
9 | description: { type: String },
10 | courses: [
11 | {
12 | type: mongoose.Schema.Types.ObjectId,
13 | ref: "Course",
14 | },
15 | ],
16 | });
17 |
18 | // Export the Tags model
19 | module.exports = mongoose.model("Category", categorySchema);
--------------------------------------------------------------------------------
/server/models/Course.js:
--------------------------------------------------------------------------------
1 | const mongoose = require("mongoose");
2 |
3 | // Define the Courses schema
4 | const coursesSchema = new mongoose.Schema({
5 | courseName: { type: String },
6 | courseDescription: { type: String },
7 | instructor: {
8 | type: mongoose.Schema.Types.ObjectId,
9 | required: true,
10 | ref: "user",
11 | },
12 | whatYouWillLearn: {
13 | type: String,
14 | },
15 | courseContent: [
16 | {
17 | type: mongoose.Schema.Types.ObjectId,
18 | ref: "Section",
19 | },
20 | ],
21 | ratingAndReviews: [
22 | {
23 | type: mongoose.Schema.Types.ObjectId,
24 | ref: "RatingAndReview",
25 | },
26 | ],
27 | price: {
28 | type: Number,
29 | },
30 | thumbnail: {
31 | type: String,
32 | },
33 | tag: {
34 | type: [String],
35 | required: true,
36 | },
37 | category: {
38 | type: mongoose.Schema.Types.ObjectId,
39 | // required: true,
40 | ref: "Category",
41 | },
42 | studentsEnrolled: [
43 | {
44 | type: mongoose.Schema.Types.ObjectId,
45 | required: true,
46 | ref: "user",
47 | },
48 | ],
49 | instructions: {
50 | type: [String],
51 | },
52 | status: {
53 | type: String,
54 | enum: ["Draft", "Published"],
55 | },
56 | },
57 | { timestamps: true }
58 | );
59 |
60 | // Export the Courses model
61 | module.exports = mongoose.model("Course", coursesSchema);
--------------------------------------------------------------------------------
/server/models/CourseProgress.js:
--------------------------------------------------------------------------------
1 | const mongoose = require("mongoose");
2 |
3 | const courseProgress = new mongoose.Schema({
4 | courseID: {
5 | type: mongoose.Schema.Types.ObjectId,
6 | ref: "Course",
7 | },
8 | userID: {
9 | type: mongoose.Schema.Types.ObjectId,
10 | ref: "User",
11 | },
12 | completedVideos: [
13 | {
14 | type: mongoose.Schema.Types.ObjectId,
15 | ref: "SubSection",
16 | },
17 | ],
18 | });
19 |
20 | module.exports = mongoose.model("courseProgress", courseProgress);
--------------------------------------------------------------------------------
/server/models/OTP.js:
--------------------------------------------------------------------------------
1 | const mongoose = require("mongoose");
2 | const mailSender = require("../utils/mailSender");
3 | const emailTemplate = require("../mail/templates/emailVerificationTemplate");
4 | const OTPSchema = new mongoose.Schema({
5 | email: {
6 | type: String,
7 | required: true,
8 | },
9 | otp: {
10 | type: String,
11 | required: true,
12 | },
13 | createdAt: {
14 | type: Date,
15 | default: Date.now,
16 | expires: 60 * 5, // The document will be automatically deleted after 5 minutes of its creation time
17 | },
18 | });
19 |
20 | // Define a function to send emails
21 | async function sendVerificationEmail(email, otp) {
22 | // Create a transporter to send emails
23 |
24 | // Define the email options
25 |
26 | // Send the email
27 | try {
28 | const mailResponse = await mailSender(
29 | email,
30 | "Verification Email",
31 | emailTemplate(otp)
32 | );
33 | console.log("Email sent successfully: ", mailResponse);
34 | } catch (error) {
35 | console.log("Error occurred while sending email: ", error);
36 | throw error;
37 | }
38 | }
39 |
40 | // Define a post-save hook to send email after the document has been saved
41 | OTPSchema.pre("save", async function (next) {
42 | console.log("New document saved to database");
43 |
44 | // Only send an email when a new document is created
45 | if (this.isNew) {
46 | await sendVerificationEmail(this.email, this.otp);
47 | }
48 | next();
49 | });
50 |
51 | const OTP = mongoose.model("OTP", OTPSchema);
52 |
53 | module.exports = OTP;
--------------------------------------------------------------------------------
/server/models/Profile.js:
--------------------------------------------------------------------------------
1 | const mongoose = require("mongoose");
2 |
3 | // Define the Profile schema
4 | const profileSchema = new mongoose.Schema({
5 | gender: {
6 | type: String,
7 | },
8 | dateOfBirth: {
9 | type: String,
10 | },
11 | about: {
12 | type: String,
13 | trim: true,
14 | },
15 | contactNumber: {
16 | type: Number,
17 | trim: true,
18 | },
19 | });
20 |
21 | // Export the Profile model
22 | module.exports = mongoose.model("Profile", profileSchema);
--------------------------------------------------------------------------------
/server/models/RatingAndReview.js:
--------------------------------------------------------------------------------
1 | const mongoose = require("mongoose");
2 |
3 | // Define the RatingAndReview schema
4 | const ratingAndReviewSchema = new mongoose.Schema({
5 | user: {
6 | type: mongoose.Schema.Types.ObjectId,
7 | required: true,
8 | ref: "user",
9 | },
10 | rating: {
11 | type: Number,
12 | required: true,
13 | },
14 | review: {
15 | type: String,
16 | required: true,
17 | },
18 | course: {
19 | type: mongoose.Schema.Types.ObjectId,
20 | required: true,
21 | ref: "Course",
22 | index: true,
23 | },
24 | });
25 |
26 | // Export the RatingAndReview model
27 | module.exports = mongoose.model("RatingAndReview", ratingAndReviewSchema);
--------------------------------------------------------------------------------
/server/models/Section.js:
--------------------------------------------------------------------------------
1 | const mongoose = require("mongoose");
2 |
3 | // Define the Section schema
4 | const sectionSchema = new mongoose.Schema({
5 | sectionName: {
6 | type: String,
7 | },
8 | subSection: [
9 | {
10 | type: mongoose.Schema.Types.ObjectId,
11 | required: true,
12 | ref: "SubSection",
13 | },
14 | ],
15 | });
16 |
17 | // Export the Section model
18 | module.exports = mongoose.model("Section", sectionSchema);
--------------------------------------------------------------------------------
/server/models/SubSection.js:
--------------------------------------------------------------------------------
1 | const mongoose = require("mongoose");
2 |
3 | const SubSectionSchema = new mongoose.Schema({
4 | title: { type: String },
5 | timeDuration: { type: String },
6 | description: { type: String },
7 | videoUrl: { type: String },
8 | });
9 |
10 | module.exports = mongoose.model("SubSection", SubSectionSchema);
--------------------------------------------------------------------------------
/server/models/User.js:
--------------------------------------------------------------------------------
1 | // Import the Mongoose library
2 | const mongoose = require("mongoose");
3 |
4 | // Define the user schema using the Mongoose Schema constructor
5 | const userSchema = new mongoose.Schema(
6 | {
7 | // Define the name field with type String, required, and trimmed
8 | firstName: {
9 | type: String,
10 | required: true,
11 | trim: true,
12 | },
13 | lastName: {
14 | type: String,
15 | required: true,
16 | trim: true,
17 | },
18 | // Define the email field with type String, required, and trimmed
19 | email: {
20 | type: String,
21 | required: true,
22 | trim: true,
23 | },
24 |
25 | // Define the password field with type String and required
26 | password: {
27 | type: String,
28 | required: true,
29 | },
30 | // Define the role field with type String and enum values of "Admin", "Student", or "Visitor"
31 | accountType: {
32 | type: String,
33 | enum: ["Admin", "Student", "Instructor"],
34 | required: true,
35 | },
36 | active: {
37 | type: Boolean,
38 | default: true,
39 | },
40 | approved: {
41 | type: Boolean,
42 | default: true,
43 | },
44 | additionalDetails: {
45 | type: mongoose.Schema.Types.ObjectId,
46 | required: true,
47 | ref: "Profile",
48 | },
49 | courses: [
50 | {
51 | type: mongoose.Schema.Types.ObjectId,
52 | ref: "Course",
53 | },
54 | ],
55 | token: {
56 | type: String,
57 | },
58 | resetPasswordExpires: {
59 | type: Date,
60 | },
61 | image: {
62 | type: String,
63 | required: true,
64 | },
65 | courseProgress: [
66 | {
67 | type: mongoose.Schema.Types.ObjectId,
68 | ref: "courseProgress",
69 | },
70 | ],
71 |
72 | // Add timestamps for when the document is created and last modified
73 | },
74 | { timestamps: true }
75 | );
76 |
77 | // Export the Mongoose model for the user schema, using the name "user"
78 | module.exports = mongoose.model("user", userSchema);
--------------------------------------------------------------------------------
/server/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "server",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "start": "node index.js",
8 | "dev": "nodemon index.js"
9 | },
10 | "keywords": [],
11 | "author": "",
12 | "license": "ISC",
13 | "dependencies": {
14 | "bcrypt": "^5.1.0",
15 | "bcryptjs": "^2.4.3",
16 | "cloudinary": "^1.36.4",
17 | "cookie-parser": "^1.4.6",
18 | "cors": "^2.8.5",
19 | "dotenv": "^16.0.3",
20 | "express": "^4.18.2",
21 | "express-fileupload": "^1.4.0",
22 | "jsonwebtoken": "^9.0.0",
23 | "mongoose": "^7.1.0",
24 | "nodemailer": "^6.9.1",
25 | "nodemon": "^2.0.22",
26 | "otp-generator": "^4.0.1",
27 | "razorpay": "^2.8.6"
28 | },
29 | "engines": {
30 | "node": ">=16.9"
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
/server/routes/ContactUs.js:
--------------------------------------------------------------------------------
1 | const express = require("express")
2 | const router = express.Router()
3 | const {contactUs}=require("../controllers/ContactUs");
4 |
5 |
6 |
7 |
8 | router.post("/contactUs", contactUs);
9 |
10 | module.exports = router;
11 |
12 |
--------------------------------------------------------------------------------
/server/routes/Payments.js:
--------------------------------------------------------------------------------
1 | // Import the required modules
2 | const express = require("express")
3 | const router = express.Router()
4 |
5 | const { capturePayment, verifySignature,sendPaymentSuccessEmail } = require("../controllers/Payments")
6 | const { auth, isInstructor, isStudent, isAdmin } = require("../middlewares/auth")
7 | router.post("/capturePayment", auth, isStudent, capturePayment)
8 | router.post("/verifyPayment",auth,verifySignature)
9 | router.post("/sendPaymentSuccessEmail", auth, sendPaymentSuccessEmail)
10 |
11 | module.exports = router;
--------------------------------------------------------------------------------
/server/routes/Profile.js:
--------------------------------------------------------------------------------
1 | const express = require("express")
2 | const router = express.Router()
3 | const { auth, isInstructor } = require("../middlewares/auth")
4 | const {
5 | deleteAccount,
6 | updateProfile,
7 | getAllUserDetails,
8 | updateDisplayPicture,
9 | getEnrolledCourses,
10 | instructorDashboard,
11 | } = require("../controllers/Profile")
12 | const { isDemo } = require("../middlewares/demo");
13 |
14 | // ********************************************************************************************************
15 | // Profile routes
16 | // ********************************************************************************************************
17 | // Delet User Account
18 | router.delete("/deleteProfile",auth,isDemo,deleteAccount)
19 | router.put("/updateProfile", auth,isDemo, updateProfile)
20 | router.get("/getUserDetails", auth, getAllUserDetails)
21 | // Get Enrolled Courses
22 | router.get("/getEnrolledCourses", auth, getEnrolledCourses)
23 | router.put("/updateDisplayPicture", auth,isDemo, updateDisplayPicture)
24 | //get instructor dashboard details
25 | router.get("/getInstructorDashboardDetails",auth,isInstructor, instructorDashboard)
26 |
27 | module.exports = router;
--------------------------------------------------------------------------------
/server/routes/User.js:
--------------------------------------------------------------------------------
1 | // Import the required modules
2 | const express = require("express")
3 | const router = express.Router()
4 |
5 | // Import the required controllers and middleware functions
6 | const {
7 | login,
8 | signup,
9 | sendotp,
10 | changePassword,
11 | } = require("../controllers/Auth")
12 |
13 | const {isDemo}=require("../middlewares/demo");
14 | const {
15 | resetPasswordToken,
16 | resetPassword,
17 | } = require("../controllers/ResetPassword")
18 |
19 | const { auth } = require("../middlewares/auth")
20 |
21 | // Routes for Login, Signup, and Authentication
22 |
23 | // ********************************************************************************************************
24 | // Authentication routes
25 | // ********************************************************************************************************
26 |
27 | // Route for user login
28 | router.post("/login", login)
29 |
30 | // Route for user signup
31 | router.post("/signup", signup)
32 |
33 | // Route for sending OTP to the user's email
34 | router.post("/sendotp", sendotp)
35 |
36 | // Route for Changing the password
37 | router.post("/changepassword", auth,isDemo, changePassword)
38 |
39 | // ********************************************************************************************************
40 | // Reset Password
41 | // ********************************************************************************************************
42 |
43 | // Route for generating a reset password token
44 | router.post("/reset-password-token", resetPasswordToken)
45 |
46 | // Route for resetting user's password after verification
47 | router.post("/reset-password", resetPassword)
48 |
49 | // Export the router for use in the main application
50 | module.exports = router;
--------------------------------------------------------------------------------
/server/utils/imageUploader.js:
--------------------------------------------------------------------------------
1 | const cloudinary = require('cloudinary').v2
2 |
3 |
4 | exports.uploadImageToCloudinary = async (file, folder, height, quality) => {
5 | const options = {folder};
6 | if(height) {
7 | options.height = height;
8 | }
9 | if(quality) {
10 | options.quality = quality;
11 | }
12 | options.resource_type = "auto";
13 |
14 | return await cloudinary.uploader.upload(file.tempFilePath, options);
15 | }
--------------------------------------------------------------------------------
/server/utils/mailSender.js:
--------------------------------------------------------------------------------
1 | const nodemailer = require("nodemailer");
2 | require('dotenv').config()
3 |
4 |
5 | const mailSender = async (email, title, body) => {
6 | try{
7 | let transporter = nodemailer.createTransport({
8 | host:process.env.MAIL_HOST,
9 | port: 587,
10 | auth:{
11 | user: process.env.MAIL_USER,
12 | pass: process.env.MAIL_PASS,
13 | }
14 | })
15 |
16 |
17 | let info = await transporter.sendMail({
18 | from: `"Study Notion" <${process.env.MAIL_USER}>`,
19 | to:`${email}`,
20 | subject: `${title}`,
21 | html: `${body}`,
22 | })
23 | console.log(info);
24 | return info;
25 | }
26 | catch(error) {
27 | console.log(error.message);
28 | return error;
29 | }
30 | }
31 |
32 |
33 | module.exports = mailSender;
--------------------------------------------------------------------------------
/server/utils/secToDuration.js:
--------------------------------------------------------------------------------
1 | // Helper function to convert total seconds to the duration format
2 | function convertSecondsToDuration(totalSeconds) {
3 | const hours = Math.floor(totalSeconds / 3600)
4 | const minutes = Math.floor((totalSeconds % 3600) / 60)
5 | const seconds = Math.floor((totalSeconds % 3600) % 60)
6 |
7 | if (hours > 0) {
8 | return `${hours}h ${minutes}m`
9 | } else if (minutes > 0) {
10 | return `${minutes}m ${seconds}s`
11 | } else {
12 | return `${seconds}s`
13 | }
14 | }
15 |
16 | module.exports = {
17 | convertSecondsToDuration,
18 | }
--------------------------------------------------------------------------------
/src/Components/ScrollToTop.js:
--------------------------------------------------------------------------------
1 | import { useEffect } from 'react';
2 | import { useLocation } from 'react-router-dom';
3 |
4 |
5 |
6 | const ScrollToTop = () => {
7 | const { pathname } = useLocation();
8 | useEffect(() => {
9 | window.scrollTo(0, 0);
10 | }, [ pathname]);
11 |
12 | return null; // Render nothing, as this is a utility component
13 | };
14 |
15 | export default ScrollToTop;
--------------------------------------------------------------------------------
/src/Components/common/ConfirmationModal.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import IconBtn from './IconBtn'
3 |
4 | const ConfirmationModal = ({modalData}) => {
5 | return (
6 |
72 |
75 |
76 |
85 | Dear ${name} ${lastname},
77 |78 | Thank you for purchasing the course. Your payment of ₹${amount} has been successfully received. 79 |
80 |81 | Your payment ID is ${paymentId} and your order ID is ${orderId}. 83 |
84 |If you have any questions or need assistance, please feel free to reach out to us at info@studynotion.com. We are here to help!
87 |
7 |
28 | )
29 | }
30 |
31 | export default ConfirmationModal
32 |
--------------------------------------------------------------------------------
/src/Components/common/IconBtn.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import {FiEdit} from "react-icons/fi"
3 |
4 |
5 |
6 | const IconBtn = ({
7 | text,
8 | onclick,
9 | children,
10 | disabled,
11 | outline=false,
12 | customClasses,
13 | type,
14 | }) => {
15 | return (
16 |
32 | )
33 | }
34 |
35 | export default IconBtn
36 |
--------------------------------------------------------------------------------
/src/Components/common/RatingStars.jsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useState } from "react"
2 | import {
3 | TiStarFullOutline,
4 | TiStarHalfOutline,
5 | TiStarOutline,
6 | } from "react-icons/ti"
7 |
8 | function RatingStars({ Review_Count, Star_Size }) {
9 | const [starCount, SetStarCount] = useState({
10 | full: 0,
11 | half: 0,
12 | empty: 0,
13 | })
14 |
15 | useEffect(() => {
16 | const wholeStars = Math.floor(Review_Count) || 0
17 | SetStarCount({
18 | full: wholeStars,
19 | half: Number.isInteger(Review_Count) ? 0 : 1,
20 | empty: Number.isInteger(Review_Count) ? 5 - wholeStars : 4 - wholeStars,
21 | })
22 | }, [Review_Count])
23 | return (
24 |
8 |
24 |
25 |
26 |
27 | 9 | {modalData.text1} 10 |
11 |12 | {modalData.text2} 13 |
14 |
15 |
23 |
25 | {[...new Array(starCount.full)].map((_, i) => {
26 | return
35 | )
36 | }
37 |
38 | export default RatingStars
--------------------------------------------------------------------------------
/src/Components/common/Tab.jsx:
--------------------------------------------------------------------------------
1 | export default function Tab({ tabData, field, setField }) {
2 | return (
3 |
9 | {tabData.map((tab) => (
10 |
21 | ))}
22 |
23 | );
24 | }
--------------------------------------------------------------------------------
/src/Components/core/AboutPage/ContactFormSection.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import ContactUsForm from '../../contactUs/ContactUsForm'
3 |
4 | const ContactFormSection = () => {
5 | return (
6 |
7 |
17 | )
18 | }
19 |
20 | export default ContactFormSection
21 |
--------------------------------------------------------------------------------
/src/Components/core/AboutPage/LearningGrid.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import HighlightText from '../HomePage/HighlightText';
3 | import CTAButton from "../../core/HomePage/Button";
4 |
5 | const LearningGridArray = [
6 | {
7 | order: -1,
8 | heading: "World-Class Learning for",
9 | highlightText: "Anyone, Anywhere",
10 | description:
11 | "Studynotion partners with more than 275+ leading universities and companies to bring flexible, affordable, job-relevant online learning to individuals and organizations worldwide.",
12 | BtnText: "Learn More",
13 | BtnLink: "/",
14 | },
15 | {
16 | order: 1,
17 | heading: "Curriculum Based on Industry Needs",
18 | description:
19 | "Save time and money! The Belajar curriculum is made to be easier to understand and in line with industry needs.",
20 | },
21 | {
22 | order: 2,
23 | heading: "Our Learning Methods",
24 | description:
25 | "Studynotion partners with more than 275+ leading universities and companies to bring",
26 | },
27 | {
28 | order: 3,
29 | heading: "Certification",
30 | description:
31 | "Studynotion partners with more than 275+ leading universities and companies to bring",
32 | },
33 | {
34 | order: 4,
35 | heading: `Rating "Auto-grading"`,
36 | description:
37 | "Studynotion partners with more than 275+ leading universities and companies to bring",
38 | },
39 | {
40 | order: 5,
41 | heading: "Ready to Work",
42 | description:
43 | "Studynotion partners with more than 275+ leading universities and companies to bring",
44 | },
45 | ];
46 |
47 |
48 | const LearningGrid = () => {
49 | return (
50 | 8 | Get in Touch 9 |
10 |11 | We'd love to here for you, Please fill out this form. 12 |
13 |
14 |
16 |
51 | {
52 | LearningGridArray.map( (card, index) => {
53 | return (
54 |
97 | )
98 | }
99 |
100 | export default LearningGrid
101 |
--------------------------------------------------------------------------------
/src/Components/core/AboutPage/Quote.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import HighlightText from '../HomePage/HighlightText'
3 |
4 | const Quote = () => {
5 | return (
6 |
64 | {
65 | card.order < 0
66 | ? (
67 |
93 | )
94 | } )
95 | }
96 |
68 |
81 | )
82 | : (
69 | {card.heading}
70 |
72 | 73 | {card.description} 74 |
75 |
76 |
77 | {card.BtnText}
78 |
79 |
80 |
83 |
)
90 | }
91 |
92 | 84 | {card.heading} 85 |
86 |87 | {card.description} 88 |
89 |
7 | We are passionate about revolutionizing the way we learn. Our innovative platform
8 | "combines technology
9 |
10 | {" "}
11 | expertise
12 |
13 | , and community to create an
14 |
15 | {" "}
16 | unparalleled educational experience.
17 |
18 |
19 | )
20 | }
21 |
22 | export default Quote
23 |
--------------------------------------------------------------------------------
/src/Components/core/AboutPage/Stats.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 |
4 | const Stats = [
5 | {count: "5K", label: "Active Students"},
6 | {count: "10+", label: "Mentors"},
7 | {count: "200+", label: "Courses"},
8 | {count: "50+", label: "Awards"},
9 | ];
10 |
11 | const StatsComponent = () => {
12 | return (
13 |
15 |
32 |
16 | {
17 | Stats.map( (data, index) => {
18 | return (
19 |
31 |
20 |
27 | )
28 | } )
29 | }
30 | 21 | {data.count} 22 |
23 |24 | {data.label} 25 |
26 |
13 | {loading ? (
14 |
15 | ) : (
16 |
49 | )
50 | }
51 |
52 | export default Template
--------------------------------------------------------------------------------
/src/Components/core/Catalog/CatalogCard.jsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useState } from 'react'
2 | import RatingStars from '../../common/RatingStars'
3 | import GetAvgRating from '../../../utils/avgRating';
4 | import { Link } from 'react-router-dom';
5 |
6 | const Course_Card = ({course, Height}) => {
7 |
8 | const [avgReviewCount, setAvgReviewCount] = useState(0);
9 |
10 | useEffect(()=> {
11 | const count = GetAvgRating(course.ratingAndReviews);
12 | setAvgReviewCount(count);
13 | },[course])
14 |
15 |
16 |
17 | return (
18 |
17 |
47 | )}
48 |
18 |
29 | 19 | {title} 20 |
21 |22 | {description1}{" "} 23 | 24 | {description2} 25 | 26 |
27 | {formType === "signup" ?
30 | 
37 | 
45 |
46 |
19 |
20 |
43 | )
44 | }
45 |
46 | export default Course_Card
47 |
--------------------------------------------------------------------------------
/src/Components/core/Dashboard/AddCourse/CourseInformation/ChipInput.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { FaTimes } from 'react-icons/fa';
3 | import { useState } from 'react';
4 | import { useEffect } from 'react';
5 | import { useSelector } from 'react-redux';
6 |
7 | const ChipInput = ({name, label, register, errors, setValue}) => {
8 | const [tags, settags] = useState([])
9 | const {editCourse, course} = useSelector((state) => state.course);
10 |
11 |
12 |
13 | useEffect(()=> {
14 | register(name, {
15 | required:true,
16 | // validate: (value) => value.length > 0
17 |
18 | });
19 | if(editCourse ) {
20 | settags(JSON.parse(course?.tag));
21 | setValue(name, JSON.parse(course?.tag));
22 | }
23 | },[])
24 |
25 | return (
26 |
21 |
39 |
40 |
41 |
42 |
22 | 
27 |
28 |
29 |
38 | {course?.courseName}
30 |By {course?.instructor?.firstName} {course?.instructor?.lastName}
31 |
32 | {avgReviewCount || 0}
33 |
36 | Rs. {course?.price}
37 |
27 |
28 |
70 | )
71 | }
72 |
73 | export default ChipInput;
--------------------------------------------------------------------------------
/src/Components/core/Dashboard/AddCourse/CourseInformation/RequirementField.jsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useState } from 'react'
2 | import { useSelector } from 'react-redux';
3 | import { useForm } from 'react-hook-form';
4 |
5 |
6 | const RequirementField = ({name, label, register, errors, setValue, getValues}) => {
7 | const [requirement, setRequirement] = useState("");
8 | const [requirementList, setRequirementList] = useState([]);
9 | const {editCourse, course} = useSelector((state) => state.course);
10 |
11 |
12 | useEffect(()=> {
13 | register(name, {
14 | required:true,
15 | // validate: (value) => value.length > 0
16 | })
17 | },[])
18 |
19 | useEffect(()=> {
20 | setValue(name, requirementList);
21 | if(editCourse) {
22 | setRequirementList(course?.instructions);
23 | setValue(name, course?.instructions);
24 | }
25 | },[requirementList])
26 |
27 | const handleAddRequirement = () => {
28 | if(requirement) {
29 | setRequirementList([...requirementList, requirement]);
30 | //setRequirement("");
31 | }
32 | }
33 |
34 | const handleRemoveRequirement = (index) => {
35 | const updatedRequirementList = [...requirementList];
36 | updatedRequirementList.splice(index, 1);
37 | setRequirementList(updatedRequirementList);
38 | }
39 |
40 | return (
41 |
29 | {
30 | tags.map((tag, index) => (
31 |
48 | {
54 | if(e.key === 'Enter' || e.key === ',') {
55 | e.preventDefault();
56 | if(e.target.value) {
57 | settags([...tags, e.target.value]);
58 | setValue(name, [...tags, e.target.value]);
59 | e.target.value = "";
60 | }
61 | }
62 | }}
63 | />
64 | {
65 | errors[name] && Tags are required
66 |
67 | }
68 |
69 |
32 | {tag}
33 |
44 |
45 | ))
46 | }
47 |
42 |
43 |
44 |
86 | )
87 | }
88 |
89 | export default RequirementField
90 |
--------------------------------------------------------------------------------
/src/Components/core/Dashboard/AddCourse/CourseInformation/Upload.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { useState } from 'react'
3 | import { useEffect } from 'react'
4 | import { useSelector } from 'react-redux'
5 |
6 | const Upload = ({name, label, register, errors, setValue}) => {
7 | const [image, setimage] = useState(null)
8 | const {editCourse, course} = useSelector((state) => state.course);
9 |
10 | const handelonchange = (e) => {
11 | const file = e.target.files[0];
12 | setValue(name, e.target.files[0]);
13 | if(file) {
14 | const reader = new FileReader();
15 | reader.onloadend = () => {
16 | setimage(reader.result);
17 | }
18 | reader.readAsDataURL(file);
19 | }
20 | else {
21 | console.log("no file");
22 | }
23 | }
24 |
25 | useEffect(() => {
26 | if(editCourse) {
27 | setimage(course?.thumbnail);
28 | }
29 | }, [])
30 |
31 |
32 |
33 |
34 | return (
35 |
45 | setRequirement(e.target.value)}
50 | className='form-style w-full'
51 | />
52 |
58 |
59 |
60 | {
61 | requirementList.length > 0 && (
62 | -
63 | {
64 | requirementList.map((requirement, index) => (
65 |
- 66 | {requirement} 67 | 73 | 74 | )) 75 | } 76 |
36 | {
37 | image ? (
38 |
99 | )
100 | }
101 |
102 | export default Upload
--------------------------------------------------------------------------------
/src/Components/core/Dashboard/AddCourse/RenderSteps.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { FaCheck } from 'react-icons/fa';
3 | import { useSelector } from 'react-redux'
4 | import CourseBuilderForm from './CourseBuilder/CourseBuilderForm';
5 | import CourseInformationForm from './CourseInformation/CourseInformationForm';
6 | import PublishCourse from '../PublishCourse/PublishCourse';
7 |
8 | const RenderSteps = () => {
9 |
10 | const {step} = useSelector((state)=> state.course);
11 | const steps = [
12 | {
13 | id:1,
14 | title: "Course Information",
15 | },
16 | {
17 | id:2,
18 | title: "Course Builder",
19 | },
20 | {
21 | id:3,
22 | title: "Publishing Course",
23 | },
24 | ]
25 |
26 | return (
27 | <>
28 |
39 |
40 |
41 |
42 | ) : (
43 |
44 |
86 | {
87 | errors.courseImage && (
88 | Course Image is required**
89 | )
90 | }
91 |
92 | )
93 |
94 | }
95 |
96 |
97 |
98 |
29 |
60 |
61 | {step === 1 &&
30 |
59 |
31 | {steps.map( (item) => (
32 |
49 |
33 |
47 | ) )}
48 |
34 |
42 | {item.id <3 && (
43 |
37 | {
38 | step > item.id ? (
41 | item.id ? "border-yellow-50" : "border-richblack-700"}
44 | }`}>
45 | )}
46 |
50 | {steps.map((item) => (
51 | <>
52 |
58 |
53 |
55 |
56 | ))}
57 | {item.title}
54 |
7 |
27 | )
28 | }
29 |
30 | export default AddCourse
--------------------------------------------------------------------------------
/src/Components/core/Dashboard/AdminPannel.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { createCategory } from '../../../services/operations/courseDetailsAPI';
3 | import { useSelector } from 'react-redux';
4 |
5 | const AdminPannel = () => {
6 | const { token } = useSelector((state) => state.auth);
7 | const [category, setCategory] = React.useState({
8 | name: '',
9 | description: ''
10 | })
11 |
12 |
13 | const handleSubmit = async (e) => {
14 | e.preventDefault();
15 | if (!category.name || !category.description) {
16 | return;
17 | }
18 | console.log(category);
19 | const res = await createCategory({
20 | name: category.name,
21 | description: category.description
22 | }, token);
23 |
24 | }
25 | return (
26 | // create categories
27 |
8 |
26 |
9 |
12 | Add Course
10 |
13 |
25 | ⚡ Course Upload Tips
14 |-
15 |
- Set the Course Price option or make it free. 16 |
- Standard size for the course thumbnail is 1024x576. 17 |
- Video section controls the course overview video. 18 |
- Course Builder is where you create and organize a course. 19 |
- Add Topics in the Course Builder section to create lessons, quizzes, and assignments. 20 |
- Information from the Additional Data section shows up on the course single page. 21 |
- Make Announcements to notify any important 22 |
- Notes to all enrolled students at once. 23 |
28 |
78 |
79 |
80 |
81 |
82 | )
83 | }
84 |
85 | export default ReviewModal
--------------------------------------------------------------------------------
/src/assets/Images/Compare_with_others.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/himanshu8443/Study-Notion-master/d28626ce53c699e0f27f1071097a06ef11b8bb1d/src/assets/Images/Compare_with_others.png
--------------------------------------------------------------------------------
/src/assets/Images/FoundingStory.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/himanshu8443/Study-Notion-master/d28626ce53c699e0f27f1071097a06ef11b8bb1d/src/assets/Images/FoundingStory.png
--------------------------------------------------------------------------------
/src/assets/Images/Instructor.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/himanshu8443/Study-Notion-master/d28626ce53c699e0f27f1071097a06ef11b8bb1d/src/assets/Images/Instructor.png
--------------------------------------------------------------------------------
/src/assets/Images/Know_your_progress.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/himanshu8443/Study-Notion-master/d28626ce53c699e0f27f1071097a06ef11b8bb1d/src/assets/Images/Know_your_progress.png
--------------------------------------------------------------------------------
/src/assets/Images/Plan_your_lessons.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/himanshu8443/Study-Notion-master/d28626ce53c699e0f27f1071097a06ef11b8bb1d/src/assets/Images/Plan_your_lessons.png
--------------------------------------------------------------------------------
/src/assets/Images/TimelineImage.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/himanshu8443/Study-Notion-master/d28626ce53c699e0f27f1071097a06ef11b8bb1d/src/assets/Images/TimelineImage.png
--------------------------------------------------------------------------------
/src/assets/Images/aboutus1.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/himanshu8443/Study-Notion-master/d28626ce53c699e0f27f1071097a06ef11b8bb1d/src/assets/Images/aboutus1.webp
--------------------------------------------------------------------------------
/src/assets/Images/aboutus2.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/himanshu8443/Study-Notion-master/d28626ce53c699e0f27f1071097a06ef11b8bb1d/src/assets/Images/aboutus2.webp
--------------------------------------------------------------------------------
/src/assets/Images/aboutus3.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/himanshu8443/Study-Notion-master/d28626ce53c699e0f27f1071097a06ef11b8bb1d/src/assets/Images/aboutus3.webp
--------------------------------------------------------------------------------
/src/assets/Images/banner.mp4:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/himanshu8443/Study-Notion-master/d28626ce53c699e0f27f1071097a06ef11b8bb1d/src/assets/Images/banner.mp4
--------------------------------------------------------------------------------
/src/assets/Images/boxoffice.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/himanshu8443/Study-Notion-master/d28626ce53c699e0f27f1071097a06ef11b8bb1d/src/assets/Images/boxoffice.png
--------------------------------------------------------------------------------
/src/assets/Images/frame.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/himanshu8443/Study-Notion-master/d28626ce53c699e0f27f1071097a06ef11b8bb1d/src/assets/Images/frame.png
--------------------------------------------------------------------------------
/src/assets/Images/login.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/himanshu8443/Study-Notion-master/d28626ce53c699e0f27f1071097a06ef11b8bb1d/src/assets/Images/login.webp
--------------------------------------------------------------------------------
/src/assets/Images/rzp.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/himanshu8443/Study-Notion-master/d28626ce53c699e0f27f1071097a06ef11b8bb1d/src/assets/Images/rzp.png
--------------------------------------------------------------------------------
/src/assets/Images/signup.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/himanshu8443/Study-Notion-master/d28626ce53c699e0f27f1071097a06ef11b8bb1d/src/assets/Images/signup.webp
--------------------------------------------------------------------------------
/src/assets/Logo/Logo-Full-Dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/himanshu8443/Study-Notion-master/d28626ce53c699e0f27f1071097a06ef11b8bb1d/src/assets/Logo/Logo-Full-Dark.png
--------------------------------------------------------------------------------
/src/assets/Logo/Logo-Full-Light.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/himanshu8443/Study-Notion-master/d28626ce53c699e0f27f1071097a06ef11b8bb1d/src/assets/Logo/Logo-Full-Light.png
--------------------------------------------------------------------------------
/src/assets/Logo/Logo-Small-Dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/himanshu8443/Study-Notion-master/d28626ce53c699e0f27f1071097a06ef11b8bb1d/src/assets/Logo/Logo-Small-Dark.png
--------------------------------------------------------------------------------
/src/assets/Logo/Logo-Small-Light.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/himanshu8443/Study-Notion-master/d28626ce53c699e0f27f1071097a06ef11b8bb1d/src/assets/Logo/Logo-Small-Light.png
--------------------------------------------------------------------------------
/src/assets/TimeLineLogo/Logo1.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/src/assets/TimeLineLogo/Logo2.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/src/assets/TimeLineLogo/Logo3.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/src/assets/TimeLineLogo/Logo4.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/src/data/dashboard-links.js:
--------------------------------------------------------------------------------
1 | import { ACCOUNT_TYPE } from "../utils/constants";
2 | export const sidebarLinks = [
3 | {
4 | id: 1,
5 | name: "My Profile",
6 | path: "/dashboard/my-profile",
7 | icon: "VscAccount",
8 | },
9 | {
10 | id: 2,
11 | name: "Dashboard",
12 | path: "/dashboard/instructor",
13 | type: ACCOUNT_TYPE.INSTRUCTOR,
14 | icon: "VscDashboard",
15 | },
16 | {
17 | id: 3,
18 | name: "My Courses",
19 | path: "/dashboard/my-courses",
20 | type: ACCOUNT_TYPE.INSTRUCTOR,
21 | icon: "VscVm",
22 | },
23 | {
24 | id: 4,
25 | name: "Add Course",
26 | path: "/dashboard/add-course",
27 | type: ACCOUNT_TYPE.INSTRUCTOR,
28 | icon: "VscAdd",
29 | },
30 | {
31 | id: 5,
32 | name: "Enrolled Courses",
33 | path: "/dashboard/enrolled-courses",
34 | type: ACCOUNT_TYPE.STUDENT,
35 | icon: "VscMortarBoard",
36 | },
37 | {
38 | id: 6,
39 | id: 7,
40 | name: "Cart",
41 | path: "/dashboard/cart",
42 | type: ACCOUNT_TYPE.STUDENT,
43 | icon: "VscBookmark",
44 | },
45 | {
46 | name: "Admin Panel",
47 | path: "/dashboard/admin-panel",
48 | type: ACCOUNT_TYPE.ADMIN,
49 | icon: "VscHistory",
50 | },
51 | ];
52 |
--------------------------------------------------------------------------------
/src/data/footer-links.js:
--------------------------------------------------------------------------------
1 | export const FooterLink2 = [
2 | {
3 | title: "Subjects",
4 | links: [
5 | { title: "Al", link: "/al" },
6 | { title: "Cloud Computing", link: "/cloud-computing" },
7 | { title: "Code Foundations", link: "/code-foundations" },
8 | { title: "Computer Science", link: "/computer-science" },
9 | { title: "Cybersecurity", link: "/cybersecurity" },
10 | { title: "Data Analytics", link: "/data-analytics" },
11 | { title: "Data Science", link: "/data-science" },
12 | { title: "Data Visualization", link: "/data-visualization" },
13 | { title: "Developer Tools", link: "/developer-tools" },
14 | { title: "DevOps", link: "/devops" },
15 | { title: "Game Development", link: "/game-development" },
16 | { title: "IT", link: "/it" },
17 | { title: "Machine Learning", link: "/machine-learning" },
18 | { title: "Math", link: "/math" },
19 | { title: "Mobile Development", link: "/mobile-development" },
20 | { title: "Web Design", link: "/web-design" },
21 | { title: "Web Development", link: "/web-development" },
22 | ],
23 | },
24 | {
25 | title: "Languages",
26 | links: [
27 | { title: "Bash", link: "/bash" },
28 | { title: "C++", link: "/c++" },
29 | { title: "C#", link: "/csharp" },
30 | { title: "Go", link: "/go" },
31 | { title: "HTML & CSS", link: "/html-css" },
32 | { title: "Java", link: "/java" },
33 | { title: "JavaScript", link: "/javascript" },
34 | { title: "Kotlin", link: "/kotlin" },
35 | { title: "PHP", link: "/php" },
36 | { title: "Python", link: "/python" },
37 | { title: "R", link: "/r" },
38 | { title: "Ruby", link: "/ruby" },
39 | { title: "SQL", link: "/sql" },
40 | { title: "Swift", link: "/swift" },
41 | ],
42 | },
43 | {
44 | title: "Career building",
45 | links: [
46 | {title: "Career paths", link: "/career-paths"},
47 | {title: "Career services", link: "/career-services"},
48 | {title: "Interview prep", link: "/interview-prep"},
49 | {title: "Professional certification", link: "/professional-certification"},
50 | {title: "-", link: "/hi"},
51 | {title: "Full Catalog", link: "/full-catalog"},
52 | {title: "Beta Content", link: "/beta-content"}
53 | ]
54 | }
55 | ];
56 |
--------------------------------------------------------------------------------
/src/data/navbar-links.js:
--------------------------------------------------------------------------------
1 | export const NavbarLinks = [
2 | {
3 | title: "Home",
4 | path: "/",
5 | },
6 | {
7 | title: "Catalog",
8 | // path: '/catalog',
9 | },
10 | {
11 | title: "About Us",
12 | path: "/about",
13 | },
14 | {
15 | title: "Contact Us",
16 | path: "/contact",
17 | },
18 | ];
19 |
--------------------------------------------------------------------------------
/src/hooks/useOnClickOutside.js:
--------------------------------------------------------------------------------
1 | import { useEffect } from "react";
2 |
3 | // This hook detects clicks outside of the specified component and calls the provided handler function.
4 | export default function useOnClickOutside(ref, handler) {
5 | useEffect(() => {
6 | // Define the listener function to be called on click/touch events
7 | const listener = (event) => {
8 | // If the click/touch event originated inside the ref element, do nothing
9 | if (!ref.current || ref.current.contains(event.target)) {
10 | return;
11 | }
12 | // Otherwise, call the provided handler function
13 | handler(event);
14 | };
15 |
16 | // Add event listeners for mousedown and touchstart events on the document
17 | document.addEventListener("mousedown", listener);
18 | document.addEventListener("touchstart", listener);
19 |
20 | // Cleanup function to remove the event listeners when the component unmounts or when the ref/handler dependencies change
21 | return () => {
22 | document.removeEventListener("mousedown", listener);
23 | document.removeEventListener("touchstart", listener);
24 | };
25 | }, [ref, handler]); // Only run this effect when the ref or handler function changes
26 | }
--------------------------------------------------------------------------------
/src/index.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 |
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import ReactDOM from "react-dom/client";
3 | import App from "./App";
4 | import "./index.css";
5 | import {BrowserRouter} from "react-router-dom"
6 | import {Provider} from "react-redux";
7 | import { configureStore } from "@reduxjs/toolkit";
8 | import rootReducer from "./reducers";
9 | import { Toaster } from "react-hot-toast";
10 | import ScrollToTop from "./Components/ScrollToTop";
11 | import swDev from "./swDev";
12 |
13 | const store= configureStore({
14 | reducer: rootReducer,
15 | });
16 | const root = ReactDOM.createRoot(document.getElementById("root"));
17 | root.render(
18 |
16 | Loading...
17 |
18 | )
19 | }
20 |
21 |
22 | return (
23 |
24 |
31 | )
32 | }
33 |
34 | export default Dashboard
35 |
--------------------------------------------------------------------------------
/src/pages/Error.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const Error = () => {
4 | return (
5 |
26 |
30 |
27 |
29 |
6 |
8 | )
9 | }
10 |
11 | export default Error
--------------------------------------------------------------------------------
/src/pages/ForgotPassword.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { useState } from 'react'
3 | import { useSelector } from 'react-redux'
4 | import { Link } from 'react-router-dom'
5 | import { forgotPassword } from '../services/operations/authAPI'
6 | import { useDispatch } from 'react-redux'
7 |
8 | const ResetPassword = () => {
9 | const dispatch = useDispatch()
10 | const handleOnSubmit = (e) => {
11 | e.preventDefault();
12 | dispatch(forgotPassword(email,setemailSent));
13 |
14 | }
15 | const {loading}= useSelector((state)=>state.auth)
16 | const [emailSent, setemailSent] = useState(false)
17 | const [email, setemail] = useState("");
18 | return (
19 | Error-404
7 |
20 | {
21 | loading?():
22 | (
54 | )
55 | }
56 |
57 | export default ResetPassword
--------------------------------------------------------------------------------
/src/pages/Login.jsx:
--------------------------------------------------------------------------------
1 | import loginImg from "../assets/Images/login.webp"
2 | import Template from "../Components/core/Auth/Template"
3 | import { login } from "../services/operations/authAPI"
4 | import { useDispatch } from "react-redux"
5 | import { useNavigate } from "react-router-dom"
6 | import { useState } from "react"
7 | import { TbCornerDownRightDouble } from "react-icons/tb"
8 | import { BsLightningChargeFill } from "react-icons/bs"
9 |
10 | function Login() {
11 | const [showDemo, setShowDemo] = useState(true)
12 | const dispatch = useDispatch()
13 | const navigate = useNavigate()
14 | return (
15 | <>
16 | {/* test login ID */}
17 |
23 |
51 | )
52 | }
53 | 24 | { 25 | !emailSent?("Reset your password"):"Check email" 26 | } 27 |
28 |29 | { 30 | !emailSent?("Have no fear. We'll email you instructions to reset your password. If you dont have access to your email we can try account recovery"):(`We have sent the reset email to ${email}`) 31 | } 32 |
33 | 45 |
46 |
47 |
50 | Back To Login
48 | 49 |
18 |
49 |
56 |
57 | )
58 | }
59 |
60 | export default Login
--------------------------------------------------------------------------------
/src/pages/Signup.jsx:
--------------------------------------------------------------------------------
1 | import signupImg from "../assets/Images/signup.webp"
2 | import Template from "../Components/core/Auth/Template"
3 | import { useSelector } from "react-redux";
4 |
5 | function Signup() {
6 | const {loading} = useSelector((state)=>state.auth);
7 | return (
8 | loading?(
19 |
48 | {setShowDemo(false)}} className="absolute top-[-30px] right-[-20px] text-5xl text-richblack-900 rounded-full w-[40px] h-[40px] flex justify-center items-center cursor-pointer">
20 |
24 |
25 |
26 |
27 |
47 | Take a Demo
29 |
36 |
37 |
38 |
45 |
46 | ):(
9 |
16 | )
17 | )
18 | }
19 |
20 | export default Signup
--------------------------------------------------------------------------------
/src/pages/VerifyOtp.jsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect } from 'react'
2 | import OTPInput from 'react-otp-input'
3 | import { useSelector,useDispatch } from 'react-redux';
4 | import { signUp } from '../services/operations/authAPI';
5 | import { useNavigate } from 'react-router-dom';
6 |
7 | const VerifyOtp = () => {
8 |
9 | const [otp, setOtp] = React.useState("");
10 | const dispatch = useDispatch();
11 | const navigate = useNavigate();
12 | const {loading,signupData}= useSelector((state)=>state.auth);
13 |
14 |
15 | useEffect(() => {
16 |
17 | if(!signupData){
18 | navigate('/signup');
19 | }},[])
20 |
21 |
22 |
23 | const handleOnSubmit = (e) => {
24 |
25 | e.preventDefault();
26 | const {email,accountType,confirmPassword,password,lastName,firstName}=signupData;
27 |
28 | dispatch(signUp(accountType,
29 | firstName,
30 | lastName,
31 | email,
32 | password,
33 | confirmPassword,
34 | otp,
35 | navigate));
36 | }
37 |
38 | return (
39 | loading?(
):(
40 |
41 |
)
66 | )
67 | }
68 |
69 | export default VerifyOtp
--------------------------------------------------------------------------------
/src/pages/ViewCourse.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Outlet } from 'react-router';
3 | import { setCompletedLectures, setCourseSectionData, setEntireCourseData, setTotalNoOfLectures } from '../slices/viewCourseSlice';
4 | import { useDispatch, useSelector } from 'react-redux';
5 | import { useParams } from 'react-router';
6 | import { useEffect } from 'react';
7 | import { useState } from 'react';
8 | import ReviewModal from '../Components/core/ViewCourse/ReviewModal';
9 | import VideoDetailsSidebar from '../Components/core/ViewCourse/VideoDetailsSidebar';
10 | import { getFullDetailsOfCourse } from '../services/operations/courseDetailsAPI';
11 |
12 | const ViewCourse = () => {
13 | const [reviewModal, setReviewModal] = useState(false)
14 | const {courseId} = useParams();
15 | const {token} = useSelector(state => state.auth);
16 | const dispatch = useDispatch();
17 |
18 | useEffect(() => {
19 | const setCourseSpecifics = async () => {
20 | const courseData = await getFullDetailsOfCourse(courseId, token);
21 | dispatch(setCourseSectionData(courseData.courseDetails.courseContent));
22 | dispatch(setEntireCourseData( courseData.courseDetails));
23 | dispatch(setCompletedLectures(courseData.completedVideos));
24 | var lecture = 0;
25 | courseData?.courseDetails?.courseContent?.forEach((section) => {
26 | lecture += section?.subSection?.length;
27 | });
28 | dispatch(setTotalNoOfLectures(lecture));
29 | }
30 | setCourseSpecifics();
31 | }, [courseId, token, dispatch]);
32 |
33 | return (
34 |
35 |
42 |
65 |
43 |
64 | Verify Email
44 |A verification code has been sent to you. Enter the code below
45 | 61 | 62 | 63 |
36 |
46 | )
47 | }
48 |
49 | export default ViewCourse
--------------------------------------------------------------------------------
/src/reducers/index.js:
--------------------------------------------------------------------------------
1 | import { combineReducers } from "redux";
2 | import authReducer from '../slices/authSlice'
3 | import cartReducer from "../slices/cartSlice"
4 | import profieReducer from "../slices/profileSlice";
5 | import loadingBarReducer from "../slices/loadingBarSlice"
6 | import courseReducer from '../slices/courseSlice'
7 | import viewCourseReducer from "../slices/viewCourseSlice";
8 |
9 | const rootReducer=combineReducers({
10 | auth:authReducer,
11 | cart:cartReducer,
12 | profile:profieReducer,
13 | loadingBar: loadingBarReducer,
14 | course:courseReducer,
15 | viewCourse:viewCourseReducer,
16 |
17 | })
18 |
19 | export default rootReducer;
--------------------------------------------------------------------------------
/src/services/apiConnector.js:
--------------------------------------------------------------------------------
1 | import axios from "axios";
2 |
3 | export const axiosInstance = axios.create({});
4 |
5 |
6 | export const apiConnector = (method, url, bodyData, headers, params) => {
7 | return axiosInstance({
8 | method: method,
9 | url: url,
10 | data: bodyData?bodyData:null,
11 | headers: headers?headers:null,
12 | params: params?params:null
13 | })
14 | };
--------------------------------------------------------------------------------
/src/services/apis.js:
--------------------------------------------------------------------------------
1 | const BASE_URL = process.env.REACT_APP_BASE_URL;
2 |
3 | // AUTH ENDPOINTS
4 | export const endpoints = {
5 | SENDOTP_API: BASE_URL + "/auth/sendotp",
6 | SIGNUP_API: BASE_URL + "/auth/signup",
7 | LOGIN_API: BASE_URL + "/auth/login",
8 | RESETPASSTOKEN_API: BASE_URL + "/auth/reset-password-token",
9 | RESETPASSWORD_API: BASE_URL + "/auth/reset-password",
10 | };
11 |
12 | // PROFILE ENDPOINTS
13 | export const profileEndpoints = {
14 | GET_USER_DETAILS_API: BASE_URL + "/profile/getUserDetails",
15 | GET_USER_ENROLLED_COURSES_API: BASE_URL + "/profile/getEnrolledCourses",
16 | GET_ALL_INSTRUCTOR_DASHBOARD_DETAILS_API:
17 | BASE_URL + "/profile/getInstructorDashboardDetails",
18 | };
19 |
20 | // STUDENTS ENDPOINTS
21 | export const studentEndpoints = {
22 | COURSE_PAYMENT_API: BASE_URL + "/payment/capturePayment",
23 | COURSE_VERIFY_API: BASE_URL + "/payment/verifyPayment",
24 | SEND_PAYMENT_SUCCESS_EMAIL_API: BASE_URL + "/payment/sendPaymentSuccessEmail",
25 | };
26 |
27 | // COURSE ENDPOINTS
28 | export const courseEndpoints = {
29 | GET_ALL_COURSE_API: BASE_URL + "/course/getAllCourses",
30 | COURSE_DETAILS_API: BASE_URL + "/course/getCourseDetails",
31 | EDIT_COURSE_API: BASE_URL + "/course/editCourse",
32 | COURSE_CATEGORIES_API: BASE_URL + "/course/showAllCategories",
33 | CREATE_COURSE_API: BASE_URL + "/course/createCourse",
34 | CREATE_SECTION_API: BASE_URL + "/course/addSection",
35 | CREATE_SUBSECTION_API: BASE_URL + "/course/addSubSection",
36 | UPDATE_SECTION_API: BASE_URL + "/course/updateSection",
37 | UPDATE_SUBSECTION_API: BASE_URL + "/course/updateSubSection",
38 | GET_ALL_INSTRUCTOR_COURSES_API: BASE_URL + "/course/getInstructorCourses",
39 | DELETE_SECTION_API: BASE_URL + "/course/deleteSection",
40 | DELETE_SUBSECTION_API: BASE_URL + "/course/deleteSubSection",
41 | DELETE_COURSE_API: BASE_URL + "/course/deleteCourse",
42 | GET_FULL_COURSE_DETAILS_AUTHENTICATED:
43 | BASE_URL + "/course/getFullCourseDetails",
44 | LECTURE_COMPLETION_API: BASE_URL + "/course/updateCourseProgress",
45 | CREATE_RATING_API: BASE_URL + "/course/createRating",
46 | ADD_COURSE_TO_CATEGORY_API: BASE_URL + "/course/addCourseToCategory",
47 | SEARCH_COURSES_API: BASE_URL + "/course/searchCourse",
48 | CREATE_CATEGORY_API: BASE_URL + "/course/createCategory",
49 | };
50 |
51 | // RATINGS AND REVIEWS
52 | export const ratingsEndpoints = {
53 | REVIEWS_DETAILS_API: BASE_URL + "/course/getReviews",
54 | };
55 |
56 | // CATAGORIES API
57 | export const categories = {
58 | CATEGORIES_API: BASE_URL + "/course/showAllCategories",
59 | };
60 |
61 | // CATALOG PAGE DATA
62 | export const catalogData = {
63 | CATALOGPAGEDATA_API: BASE_URL + "/course/getCategoryPageDetails",
64 | };
65 | // CONTACT-US API
66 | export const contactusEndpoint = {
67 | CONTACT_US_API: BASE_URL + "/contact/contactUs",
68 | };
69 |
70 | // SETTINGS PAGE API
71 | export const settingsEndpoints = {
72 | UPDATE_DISPLAY_PICTURE_API: BASE_URL + "/profile/updateDisplayPicture",
73 | UPDATE_PROFILE_API: BASE_URL + "/profile/updateProfile",
74 | CHANGE_PASSWORD_API: BASE_URL + "/auth/changepassword",
75 | DELETE_PROFILE_API: BASE_URL + "/profile/deleteProfile",
76 | };
77 |
--------------------------------------------------------------------------------
/src/services/formatDate.js:
--------------------------------------------------------------------------------
1 | export const formatDate = (dateString) => {
2 | const options = { year: "numeric", month: "long", day: "numeric" }
3 | const date = new Date(dateString)
4 | const formattedDate = date.toLocaleDateString("en-US", options)
5 |
6 | const hour = date.getHours()
7 | const minutes = date.getMinutes()
8 | const period = hour >= 12 ? "PM" : "AM"
9 | const formattedTime = `${hour % 12}:${minutes
10 | .toString()
11 | .padStart(2, "0")} ${period}`
12 |
13 | return `${formattedDate} | ${formattedTime}`
14 | }
--------------------------------------------------------------------------------
/src/services/operations/pageAndComponentData.js:
--------------------------------------------------------------------------------
1 | import {toast} from "react-hot-toast"
2 | import { setProgress } from "../../slices/loadingBarSlice";
3 | import { apiConnector } from '../apiConnector';
4 | import { catalogData } from '../apis';
5 |
6 | export const getCatalogaPageData = async(categoryId,dispatch) => {
7 | // const toastId = toast.loading("Loading...");
8 | dispatch(setProgress(50));
9 | let result = [];
10 | try{
11 | const response = await apiConnector("POST", catalogData.CATALOGPAGEDATA_API,
12 | {categoryId: categoryId,});
13 | console.log("CATALOG PAGE DATA API RESPONSE....", response);
14 | if(!response.data.success)
15 | throw new Error("Could not Fetch Category page data error",
16 | response);
17 |
18 | result = response?.data;
19 |
20 | }
21 | catch(error) {
22 | console.log("CATALOG PAGE DATA API ERROR....", error);
23 | toast.error("No Course added to this category yet");
24 | result = error.response?.data;
25 | }
26 | // toast.dismiss(toastId);
27 | dispatch(setProgress(100));
28 | return result;
29 | }
30 |
31 |
--------------------------------------------------------------------------------
/src/slices/authSlice.js:
--------------------------------------------------------------------------------
1 | import { createSlice } from "@reduxjs/toolkit";
2 |
3 |
4 | const initialState ={
5 | token: localStorage.getItem("token") ? JSON.parse(localStorage.getItem("token")):null,
6 | }
7 |
8 | const authSlice =createSlice({
9 | name:"auth",
10 | initialState: initialState,
11 | reducers:{
12 | setSignupData(state, value) {
13 | state.signupData = value.payload;
14 | },
15 | setLoading(state, value) {
16 | state.loading = value.payload;
17 | },
18 | setToken(state,value){
19 | state.token=value.payload
20 | }
21 | }
22 | });
23 |
24 | export const {setToken,setLoading,setSignupData}=authSlice.actions;
25 | export default authSlice.reducer;
--------------------------------------------------------------------------------
/src/slices/cartSlice.js:
--------------------------------------------------------------------------------
1 | import { createSlice } from "@reduxjs/toolkit"
2 | import { toast } from "react-hot-toast"
3 |
4 | const initialState = {
5 | cart: localStorage.getItem("cart")
6 | ? JSON.parse(localStorage.getItem("cart"))
7 | : [],
8 | total: localStorage.getItem("total")
9 | ? JSON.parse(localStorage.getItem("total"))
10 | : 0,
11 | totalItems: localStorage.getItem("totalItems")
12 | ? JSON.parse(localStorage.getItem("totalItems"))
13 | : 0,
14 | }
15 |
16 | const cartSlice = createSlice({
17 | name: "cart",
18 | initialState,
19 | reducers: {
20 | addToCart: (state, action) => {
21 | const course = action.payload
22 | const index = state.cart.findIndex((item) => item._id === course._id)
23 |
24 | if (index >= 0) {
25 | // If the course is already in the cart, do not modify the quantity
26 | toast.error("Course already in cart")
27 | return
28 | }
29 | // If the course is not in the cart, add it to the cart
30 | state.cart.push(course)
31 | // Update the total quantity and price
32 | state.totalItems++
33 | state.total += course.price
34 | // Update to localstorage
35 | localStorage.setItem("cart", JSON.stringify(state.cart))
36 | localStorage.setItem("total", JSON.stringify(state.total))
37 | localStorage.setItem("totalItems", JSON.stringify(state.totalItems))
38 | // show toast
39 | toast.success("Course added to cart")
40 | },
41 | removeFromCart: (state, action) => {
42 | const courseId = action.payload
43 | const index = state.cart.findIndex((item) => item._id === courseId)
44 |
45 | if (index >= 0) {
46 | // If the course is found in the cart, remove it
47 | state.totalItems--
48 | state.total -= state.cart[index].price
49 | state.cart.splice(index, 1)
50 | // Update to localstorage
51 | localStorage.setItem("cart", JSON.stringify(state.cart))
52 | localStorage.setItem("total", JSON.stringify(state.total))
53 | localStorage.setItem("totalItems", JSON.stringify(state.totalItems))
54 | // show toast
55 | toast.success("Course removed from cart")
56 | }
57 | },
58 | resetCart: (state) => {
59 | state.cart = []
60 | state.total = 0
61 | state.totalItems = 0
62 | // Update to localstorage
63 | localStorage.removeItem("cart")
64 | localStorage.removeItem("total")
65 | localStorage.removeItem("totalItems")
66 | },
67 | },
68 | })
69 |
70 | export const { addToCart, removeFromCart, resetCart } = cartSlice.actions
71 |
72 | export default cartSlice.reducer;
--------------------------------------------------------------------------------
/src/slices/courseSlice.js:
--------------------------------------------------------------------------------
1 | import { createSlice } from "@reduxjs/toolkit"
2 |
3 | const initialState = {
4 | step: 1,
5 | course: null,
6 | editCourse: false,
7 | paymentLoading: false,
8 | }
9 |
10 | const courseSlice = createSlice({
11 | name: "course",
12 | initialState,
13 | reducers: {
14 | setStep: (state, action) => {
15 | state.step = action.payload
16 | },
17 | setCourse: (state, action) => {
18 | state.course = action.payload
19 | },
20 | setEditCourse: (state, action) => {
21 | state.editCourse = action.payload
22 | },
23 | setPaymentLoading: (state, action) => {
24 | state.paymentLoading = action.payload
25 | },
26 | resetCourseState: (state) => {
27 | state.step = 1
28 | state.course = null
29 | state.editCourse = false
30 | },
31 | },
32 | })
33 |
34 | export const {
35 | setStep,
36 | setCourse,
37 | setEditCourse,
38 | setPaymentLoading,
39 | resetCourseState,
40 | } = courseSlice.actions
41 |
42 | export default courseSlice.reducer
--------------------------------------------------------------------------------
/src/slices/loadingBarSlice.js:
--------------------------------------------------------------------------------
1 | import { createSlice } from "@reduxjs/toolkit";
2 |
3 | const initialState = {
4 | progress: 0,
5 | };
6 |
7 | const loadingBarSlice = createSlice({
8 | name: "loadingBar",
9 | initialState,
10 | reducers: {
11 | setProgress: (state, action) => {
12 | return action.payload;
13 | },
14 | },
15 | });
16 |
17 | export const { setProgress } = loadingBarSlice.actions;
18 | export default loadingBarSlice.reducer;
--------------------------------------------------------------------------------
/src/slices/profileSlice.js:
--------------------------------------------------------------------------------
1 | import { createSlice } from "@reduxjs/toolkit";
2 |
3 | const initialState ={
4 | user:localStorage.getItem("user")?JSON.parse(localStorage.getItem("user")):null,
5 | loading:false,
6 | }
7 |
8 | const profileSlice =createSlice({
9 | name:"profile",
10 | initialState: initialState,
11 | reducers:{
12 | setUser(state,value){
13 | state.user=value.payload
14 | localStorage.setItem("user",JSON.stringify(value.payload));
15 | },
16 | setLoading(state,value){
17 | state.loading=value.payload
18 | },
19 | }
20 | });
21 |
22 | export const {setUser,setLoading}=profileSlice.actions;
23 | export default profileSlice.reducer;
--------------------------------------------------------------------------------
/src/slices/viewCourseSlice.js:
--------------------------------------------------------------------------------
1 | import { createSlice } from "@reduxjs/toolkit"
2 |
3 | const initialState = {
4 | courseSectionData: [],
5 | courseEntireData: [],
6 | completedLectures: [],
7 | totalNoOfLectures: 0,
8 | }
9 |
10 | const viewCourseSlice = createSlice({
11 | name: "viewCourse",
12 | initialState,
13 | reducers: {
14 | setCourseSectionData: (state, action) => {
15 | state.courseSectionData = action.payload
16 | },
17 | setEntireCourseData: (state, action) => {
18 | state.courseEntireData = action.payload
19 | },
20 | setTotalNoOfLectures: (state, action) => {
21 | state.totalNoOfLectures = action.payload
22 | },
23 | setCompletedLectures: (state, action) => {
24 | state.completedLectures = action.payload
25 | },
26 | updateCompletedLectures: (state, action) => {
27 | state.completedLectures = [...state.completedLectures, action.payload]
28 | },
29 | },
30 | })
31 |
32 | export const {
33 | setCourseSectionData,
34 | setEntireCourseData,
35 | setTotalNoOfLectures,
36 | setCompletedLectures,
37 | updateCompletedLectures,
38 | } = viewCourseSlice.actions
39 |
40 | export default viewCourseSlice.reducer
--------------------------------------------------------------------------------
/src/swDev.js:
--------------------------------------------------------------------------------
1 | export default function swDev() {
2 | let swUrl = `${process.env.PUBLIC_URL}/service-worker.js`
3 | navigator.serviceWorker.register(swUrl).then((response) => {
4 | console.warn('response', response)
5 | })
6 | }
--------------------------------------------------------------------------------
/src/utils/avgRating.js:
--------------------------------------------------------------------------------
1 | export default function GetAvgRating(ratingArr) {
2 | if (ratingArr?.length === 0) return 0
3 | const totalReviewCount = ratingArr?.reduce((acc, curr) => {
4 | acc += curr.rating
5 | return acc
6 | }, 0)
7 | // console.log("avg",totalReviewCount)
8 | const multiplier = Math.pow(10, 1)
9 | const avgReviewCount =
10 | Math.round((totalReviewCount / ratingArr?.length) * multiplier) / multiplier
11 |
12 | return avgReviewCount
13 | }
--------------------------------------------------------------------------------
/src/utils/constants.js:
--------------------------------------------------------------------------------
1 | export const ACCOUNT_TYPE = {
2 | STUDENT: "Student",
3 | INSTRUCTOR: "Instructor",
4 | ADMIN: "Admin",
5 | }
6 |
7 | export const COURSE_STATUS = {
8 | DRAFT: "Draft",
9 | PUBLISHED: "Published",
10 | }
--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | /** @type {import('tailwindcss').Config} */
2 | module.exports = {
3 | content: ["./src/**/*.{js,jsx,ts,tsx}"],
4 | theme: {
5 | fontFamily: {
6 | inter: ["Inter", "sans-serif"],
7 | "edu-sa": ["Edu SA Beginner", "cursive"],
8 | mono: ["Roboto Mono", "monospace"],
9 | },
10 | colors: {
11 | white: "#fff",
12 | black: "#000",
13 | transparent: "#ffffff00",
14 | richblack: {
15 | 5: "#F1F2FF",
16 | 25: "#DBDDEA",
17 | 50: "#C5C7D4",
18 | 100: "#AFB2BF",
19 | 200: "#999DAA",
20 | 300: "#838894",
21 | 400: "#6E727F",
22 | 500: "#585D69",
23 | 600: "#424854",
24 | 700: "#2C333F",
25 | 800: "#161D29",
26 | 900: "#000814",
27 | },
28 | richblue: {
29 | 5: "#ECF5FF",
30 | 25: "#C6D6E1",
31 | 50: "#A0B7C3",
32 | 100: "#7A98A6",
33 | 200: "#537988",
34 | 300: "#2D5A6A",
35 | 400: "#073B4C",
36 | 500: "#063544",
37 | 600: "#042E3B",
38 | 700: "#032833",
39 | 800: "#01212A",
40 | 900: "#001B22",
41 | },
42 | blue: {
43 | 5: "#EAF5FF",
44 | 25: "#B4DAEC",
45 | 50: "#7EC0D9",
46 | 100: "#47A5C5",
47 | 200: "#118AB2",
48 | 300: "#0F7A9D",
49 | 400: "#0C6A87",
50 | 500: "#0A5A72",
51 | 600: "#074B5D",
52 | 700: "#053B48",
53 | 800: "#022B32",
54 | 900: "#001B1D",
55 | },
56 | caribbeangreen: {
57 | 5: "#C1FFFD",
58 | 25: "#83F1DE",
59 | 50: "#44E4BF",
60 | 100: "#06D6A0",
61 | 200: "#05BF8E",
62 | 300: "#05A77B",
63 | 400: "#049069",
64 | 500: "#037957",
65 | 600: "#026144",
66 | 700: "#014A32",
67 | 800: "#01321F",
68 | 900: "#001B0D",
69 | },
70 | brown: {
71 | 5: "#FFF4C4",
72 | 25: "#FFE395",
73 | 50: "#FFD166",
74 | 100: "#E7BC5B",
75 | 200: "#CFA64F",
76 | 300: "#B89144",
77 | 400: "#A07C39",
78 | 500: "#88662D",
79 | 600: "#705122",
80 | 700: "#593C17",
81 | 800: "#41260B",
82 | 900: "#291100",
83 | },
84 | pink: {
85 | 5: "#FFF1F1",
86 | 25: "#FBC7D1",
87 | 50: "#F79CB0",
88 | 100: "#F37290",
89 | 200: "#EF476F",
90 | 300: "#D43D63",
91 | 400: "#BA3356",
92 | 500: "#9F294A",
93 | 600: "#841E3E",
94 | 700: "#691432",
95 | 800: "#4F0A25",
96 | 900: "#340019",
97 | },
98 | yellow: {
99 | 5: "#FFF970",
100 | 25: "#FFE83D",
101 | 50: "#FFD60A",
102 | 100: "#E7C009",
103 | 200: "#CFAB08",
104 | 300: "#B69507",
105 | 400: "#9E8006",
106 | 500: "#866A04",
107 | 600: "#6E5503",
108 | 700: "#553F02",
109 | 800: "#3D2A01",
110 | 900: "#251400",
111 | },
112 | "pure-greys": {
113 | 5: "#F9F9F9",
114 | 25: "#E2E2E2",
115 | 50: "#CCCCCC",
116 | 100: "#B5B5B5",
117 | 200: "#9E9E9E",
118 | 300: "#888888",
119 | 400: "#717171",
120 | 500: "#5B5B5B",
121 | 600: "#444444",
122 | 700: "#2D2D2D",
123 | 800: "#171717",
124 | 900: "#141414",
125 | },
126 | },
127 | extend: {
128 | maxWidth: {
129 | maxContent: "1260px",
130 | maxContentTab: "650px"
131 | },
132 | },
133 | },
134 | plugins: [],
135 | };
--------------------------------------------------------------------------------
37 |
39 |
40 |
42 | {
43 | reviewModal &&