├── src
├── index.css
├── .DS_Store
├── assets
│ ├── Images
│ │ ├── frame.png
│ │ ├── banner.mp4
│ │ ├── login.webp
│ │ ├── signup.webp
│ │ ├── Instructor.png
│ │ ├── aboutus1.webp
│ │ ├── aboutus2.webp
│ │ ├── aboutus3.webp
│ │ ├── boxoffice.png
│ │ ├── FoundingStory.png
│ │ ├── TimelineImage.png
│ │ ├── Know_your_progress.png
│ │ ├── Plan_your_lessons.png
│ │ └── Compare_with_others.png
│ ├── Logo
│ │ ├── rzp_logo.png
│ │ ├── Logo-Full-Dark.png
│ │ ├── Logo-Full-Light.png
│ │ ├── Logo-Small-Dark.png
│ │ └── Logo-Small-Light.png
│ └── TimeLineLogo
│ │ ├── Logo4.svg
│ │ ├── Logo3.svg
│ │ ├── Logo1.svg
│ │ └── Logo2.svg
├── utils
│ ├── dateFormatter.js
│ ├── constants.js
│ └── avgRating.js
├── hooks
│ ├── useRouteMatch.js
│ └── useOnClickOutside.js
├── pages
│ ├── Error.jsx
│ ├── Login.jsx
│ ├── Signup.jsx
│ ├── Dashboard.jsx
│ ├── Contact.jsx
│ ├── ViewCourse.jsx
│ ├── ForgotPassword.jsx
│ └── VerifyEmail.jsx
├── data
│ ├── navbar-links.js
│ ├── dashboard-links.js
│ └── footer-links.js
├── components
│ ├── core
│ │ ├── HomePage
│ │ │ ├── HighlightText.jsx
│ │ │ ├── Button.jsx
│ │ │ ├── InstructorSection.jsx
│ │ │ ├── CourseCard.jsx
│ │ │ ├── LearningLanguageSection.jsx
│ │ │ ├── CodeBlocks.jsx
│ │ │ ├── ExploreMore.jsx
│ │ │ └── TimelineSection.jsx
│ │ ├── Auth
│ │ │ ├── PrivateRoute.jsx
│ │ │ ├── OpenRoute.jsx
│ │ │ ├── Template.jsx
│ │ │ ├── ProfileDropDown.jsx
│ │ │ └── LoginForm.jsx
│ │ ├── AboutPage
│ │ │ ├── ContactFormSection.jsx
│ │ │ ├── Quote.jsx
│ │ │ ├── Stats.jsx
│ │ │ └── LearningGrid.jsx
│ │ ├── Course
│ │ │ ├── CourseSubSectionAccordion.jsx
│ │ │ ├── CourseAccordionBar.jsx
│ │ │ └── CourseDetailsCard.js
│ │ ├── Dashboard
│ │ │ ├── Settings
│ │ │ │ ├── index.jsx
│ │ │ │ ├── DeleteAccount.jsx
│ │ │ │ ├── ChangeProfilePicture.jsx
│ │ │ │ └── UpdatePassword.jsx
│ │ │ ├── Cart
│ │ │ │ ├── index.jsx
│ │ │ │ ├── RenderTotalAmount.jsx
│ │ │ │ └── RenderCartCourses.jsx
│ │ │ ├── SidebarLink.jsx
│ │ │ ├── MyCourses.jsx
│ │ │ ├── AddCourse
│ │ │ │ ├── index.jsx
│ │ │ │ ├── CourseInformation
│ │ │ │ │ ├── RequirementField.jsx
│ │ │ │ │ └── ChipInput.jsx
│ │ │ │ ├── RenderSteps.jsx
│ │ │ │ ├── PublishCourse
│ │ │ │ │ └── index.jsx
│ │ │ │ └── Upload.jsx
│ │ │ ├── EditCourse
│ │ │ │ └── index.js
│ │ │ ├── Sidebar.jsx
│ │ │ ├── InstructorDashboard
│ │ │ │ └── InstructorChart.jsx
│ │ │ └── EnrolledCourses.jsx
│ │ ├── Catalog
│ │ │ ├── CourseSlider.jsx
│ │ │ └── Course_Card.jsx
│ │ └── ViewCourse
│ │ │ └── CourseReviewModal.jsx
│ ├── ContactPage
│ │ ├── ContactForm.jsx
│ │ └── ContactDetails.jsx
│ └── common
│ │ ├── IconBtn.jsx
│ │ ├── Tab.jsx
│ │ ├── ConfirmationModal.jsx
│ │ ├── RatingStars.jsx
│ │ └── ReviewSlider.jsx
├── services
│ ├── apiconnector.js
│ ├── formatDate.js
│ ├── operations
│ │ ├── pageAndComponentData.js
│ │ ├── profileAPI.js
│ │ ├── SettingsAPI.js
│ │ └── studentFeaturesAPI.js
│ └── apis.js
├── reducer
│ └── index.js
├── slices
│ ├── profileSlice.js
│ ├── authSlice.js
│ ├── courseSlice.js
│ ├── viewCourseSlice.js
│ └── cartSlice.js
└── index.js
├── images
├── schema.png
└── mainpage.png
├── public
├── robots.txt
└── index.html
├── server
├── config
│ ├── razorpay.js
│ ├── cloudinary.js
│ └── database.js
├── routes
│ ├── Contact.js
│ ├── Payments.js
│ ├── Profile.js
│ ├── User.js
│ └── Course.js
├── models
│ ├── SubSection.js
│ ├── Section.js
│ ├── Category.js
│ ├── Profile.js
│ ├── CourseProgress.js
│ ├── RatingAndRaview.js
│ ├── Course.js
│ ├── OTP.js
│ └── User.js
├── utils
│ ├── imageUploader.js
│ ├── secToDuration.js
│ └── mailSender.js
├── package.json
├── controllers
│ ├── ContactUs.js
│ ├── ResetPassword.js
│ ├── courseProgress.js
│ ├── Section.js
│ └── Category.js
├── index.js
├── mail
│ └── templates
│ │ ├── emailVerificationTemplate.js
│ │ ├── passwordUpdate.js
│ │ ├── paymentSuccessEmail.js
│ │ ├── courseEnrollmentEmail.js
│ │ └── contactFormRes.js
└── middlewares
│ └── auth.js
├── package.json
└── tailwind.config.js
/src/index.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | @tailwind components;
3 | @tailwind utilities;
4 |
--------------------------------------------------------------------------------
/src/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sahildahake2003/studynotion/HEAD/src/.DS_Store
--------------------------------------------------------------------------------
/images/schema.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sahildahake2003/studynotion/HEAD/images/schema.png
--------------------------------------------------------------------------------
/public/robots.txt:
--------------------------------------------------------------------------------
1 | # https://www.robotstxt.org/robotstxt.html
2 | User-agent: *
3 | Disallow:
4 |
--------------------------------------------------------------------------------
/images/mainpage.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sahildahake2003/studynotion/HEAD/images/mainpage.png
--------------------------------------------------------------------------------
/src/assets/Images/frame.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sahildahake2003/studynotion/HEAD/src/assets/Images/frame.png
--------------------------------------------------------------------------------
/src/assets/Images/banner.mp4:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sahildahake2003/studynotion/HEAD/src/assets/Images/banner.mp4
--------------------------------------------------------------------------------
/src/assets/Images/login.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sahildahake2003/studynotion/HEAD/src/assets/Images/login.webp
--------------------------------------------------------------------------------
/src/assets/Images/signup.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sahildahake2003/studynotion/HEAD/src/assets/Images/signup.webp
--------------------------------------------------------------------------------
/src/assets/Logo/rzp_logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sahildahake2003/studynotion/HEAD/src/assets/Logo/rzp_logo.png
--------------------------------------------------------------------------------
/src/assets/Images/Instructor.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sahildahake2003/studynotion/HEAD/src/assets/Images/Instructor.png
--------------------------------------------------------------------------------
/src/assets/Images/aboutus1.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sahildahake2003/studynotion/HEAD/src/assets/Images/aboutus1.webp
--------------------------------------------------------------------------------
/src/assets/Images/aboutus2.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sahildahake2003/studynotion/HEAD/src/assets/Images/aboutus2.webp
--------------------------------------------------------------------------------
/src/assets/Images/aboutus3.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sahildahake2003/studynotion/HEAD/src/assets/Images/aboutus3.webp
--------------------------------------------------------------------------------
/src/assets/Images/boxoffice.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sahildahake2003/studynotion/HEAD/src/assets/Images/boxoffice.png
--------------------------------------------------------------------------------
/src/assets/Images/FoundingStory.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sahildahake2003/studynotion/HEAD/src/assets/Images/FoundingStory.png
--------------------------------------------------------------------------------
/src/assets/Images/TimelineImage.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sahildahake2003/studynotion/HEAD/src/assets/Images/TimelineImage.png
--------------------------------------------------------------------------------
/src/assets/Logo/Logo-Full-Dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sahildahake2003/studynotion/HEAD/src/assets/Logo/Logo-Full-Dark.png
--------------------------------------------------------------------------------
/src/assets/Logo/Logo-Full-Light.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sahildahake2003/studynotion/HEAD/src/assets/Logo/Logo-Full-Light.png
--------------------------------------------------------------------------------
/src/assets/Logo/Logo-Small-Dark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sahildahake2003/studynotion/HEAD/src/assets/Logo/Logo-Small-Dark.png
--------------------------------------------------------------------------------
/src/assets/Logo/Logo-Small-Light.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sahildahake2003/studynotion/HEAD/src/assets/Logo/Logo-Small-Light.png
--------------------------------------------------------------------------------
/src/assets/Images/Know_your_progress.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sahildahake2003/studynotion/HEAD/src/assets/Images/Know_your_progress.png
--------------------------------------------------------------------------------
/src/assets/Images/Plan_your_lessons.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sahildahake2003/studynotion/HEAD/src/assets/Images/Plan_your_lessons.png
--------------------------------------------------------------------------------
/src/assets/Images/Compare_with_others.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sahildahake2003/studynotion/HEAD/src/assets/Images/Compare_with_others.png
--------------------------------------------------------------------------------
/server/config/razorpay.js:
--------------------------------------------------------------------------------
1 | const Razorpay = require("razorpay");
2 |
3 |
4 | exports.instance = new Razorpay({
5 | key_id: process.env.RAZORPAY_KEY,
6 | key_secret: process.env.RAZORPAY_SECRET,
7 | });
--------------------------------------------------------------------------------
/src/utils/dateFormatter.js:
--------------------------------------------------------------------------------
1 | export const formattedDate = (date) => {
2 | return new Date(date).toLocaleDateString("en-US", {
3 | month: "long",
4 | day: "numeric",
5 | year: "numeric",
6 | })
7 | }
--------------------------------------------------------------------------------
/src/hooks/useRouteMatch.js:
--------------------------------------------------------------------------------
1 | import { useLocation, matchPath } from "react-router-dom";
2 |
3 | export default function useRouteMatch(path) {
4 | const location = useLocation();
5 | return matchPath(location.pathname, { path });
6 | }
--------------------------------------------------------------------------------
/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 | }
--------------------------------------------------------------------------------
/server/routes/Contact.js:
--------------------------------------------------------------------------------
1 | const express = require("express")
2 | const router = express.Router()
3 | const { contactUsController } = require("../controllers/ContactUs")
4 |
5 | router.post("/contact", contactUsController)
6 |
7 | module.exports = router
--------------------------------------------------------------------------------
/src/pages/Error.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | const Error = () => {
4 | return (
5 |
6 | Error - 404 Not found
7 |
8 | )
9 | }
10 |
11 | export default Error
12 |
--------------------------------------------------------------------------------
/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);
--------------------------------------------------------------------------------
/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/components/core/HomePage/HighlightText.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | const HighlightText = ({text}) => {
4 | return (
5 |
6 | {" "}
7 | {text}
8 |
9 | );
10 | };
11 |
12 | export default HighlightText;
--------------------------------------------------------------------------------
/src/services/apiconnector.js:
--------------------------------------------------------------------------------
1 | import axios from "axios"
2 |
3 | export const axiosInstance = axios.create({});
4 |
5 | export const apiConnector = (method, url, bodyData, headers, params) => {
6 | return axiosInstance({
7 | method:`${method}`,
8 | url:`${url}`,
9 | data: bodyData ? bodyData : null,
10 | headers: headers ? headers: null,
11 | params: params ? params : null,
12 | });
13 | }
--------------------------------------------------------------------------------
/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);
--------------------------------------------------------------------------------
/src/components/core/Auth/PrivateRoute.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { useSelector } from 'react-redux'
3 | import { Navigate } from 'react-router-dom';
4 |
5 | const PrivateRoute = ({children}) => {
6 |
7 | const {token} = useSelector((state) => state.auth);
8 |
9 | if(token !== null)
10 | return children
11 | else
12 | return
7 |
Get in Touch
8 |
9 | We'd love to here for you, Please fill out this form.
10 |
11 |
12 |
14 |
12 | {children}
13 |
14 |
15 | );
16 | };
17 |
18 | export default Button;
--------------------------------------------------------------------------------
/src/components/core/Course/CourseSubSectionAccordion.jsx:
--------------------------------------------------------------------------------
1 | import React, { useEffect, useRef, useState } from "react"
2 | import { AiOutlineDown } from "react-icons/ai"
3 | import { HiOutlineVideoCamera } from "react-icons/hi"
4 |
5 | function CourseSubSectionAccordion({ subSec }) {
6 | return (
7 |
8 |
9 |
10 |
11 |
13 |
{subSec?.title}
14 |
15 |
16 |
10 | Edit Profile
11 |
12 | {/* Change Profile Picture */}
13 |
7 |
8 | Got a Idea? We've got the skills. Let's team up
9 |
10 |
11 | Tell us more about yourself and what you're got in mind.
12 |
13 |
14 |
15 |
17 |
19 |
20 |
21 |
24 |
25 |
26 |
27 |
28 | );
29 |
--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | React & Tailwind CSS Starter Pack
8 |
9 |
10 |
11 | You need to enable JavaScript to run this app.
12 |
13 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/src/components/common/IconBtn.jsx:
--------------------------------------------------------------------------------
1 | export default function IconBtn({
2 | text,
3 | onclick,
4 | children,
5 | disabled,
6 | outline = false,
7 | customClasses,
8 | type,
9 | }) {
10 | return (
11 |
19 | {children ? (
20 | <>
21 | {text}
22 | {children}
23 |
24 | ) : (
25 | text
26 | )}
27 |
28 | )
29 | }
--------------------------------------------------------------------------------
/src/components/common/Tab.jsx:
--------------------------------------------------------------------------------
1 | export default function Tab({ tabData, field, setField }) {
2 | return (
3 |
9 | {tabData.map((tab) => (
10 | setField(tab.type)}
13 | className={`${
14 | field === tab.type
15 | ? "bg-richblack-900 text-richblack-5"
16 | : "bg-transparent text-richblack-200"
17 | } py-2 px-5 rounded-full transition-all duration-200`}
18 | >
19 | {tab?.tabName}
20 |
21 | ))}
22 |
23 | );
24 | }
--------------------------------------------------------------------------------
/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 | "crypto-random-string": "^5.0.0",
20 | "dotenv": "^16.0.3",
21 | "express": "^4.18.2",
22 | "express-fileupload": "^1.4.0",
23 | "jsonwebtoken": "^9.0.0",
24 | "mongoose": "^7.0.3",
25 | "node-schedule": "^2.1.1",
26 | "nodemailer": "^6.9.1",
27 | "nodemon": "^2.0.22",
28 | "otp-generator": "^4.0.1",
29 | "razorpay": "^2.8.6"
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/server/utils/mailSender.js:
--------------------------------------------------------------------------------
1 | const nodemailer = require("nodemailer");
2 |
3 | const mailSender = async (email, title, body) => {
4 | try{
5 | let transporter = nodemailer.createTransport({
6 | host:process.env.MAIL_HOST,
7 | auth:{
8 | user: process.env.MAIL_USER,
9 | pass: process.env.MAIL_PASS,
10 | }
11 | })
12 |
13 |
14 | let info = await transporter.sendMail({
15 | from: 'StudyNotion || CodeHelp - by Babbar',
16 | to:`${email}`,
17 | subject: `${title}`,
18 | html: `${body}`,
19 | })
20 | console.log(info);
21 | return info;
22 | }
23 | catch(error) {
24 | console.log(error.message);
25 | }
26 | }
27 |
28 |
29 | module.exports = mailSender;
--------------------------------------------------------------------------------
/src/services/operations/pageAndComponentData.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import {toast} from "react-hot-toast"
3 | import { apiConnector } from '../apiconnector';
4 | import { catalogData } from '../apis';
5 |
6 | export const getCatalogaPageData = async(categoryId) => {
7 | const toastId = toast.loading("Loading...");
8 | let result = [];
9 | try{
10 | const response = await apiConnector("POST", catalogData.CATALOGPAGEDATA_API,
11 | {categoryId: categoryId,});
12 |
13 | if(!response?.data?.success)
14 | throw new Error("Could not Fetch Category page data");
15 |
16 | result = response?.data;
17 |
18 | }
19 | catch(error) {
20 | console.log("CATALOG PAGE DATA API ERROR....", error);
21 | toast.error(error.message);
22 | result = error.response?.data;
23 | }
24 | toast.dismiss(toastId);
25 | return result;
26 | }
27 |
28 |
--------------------------------------------------------------------------------
/server/controllers/ContactUs.js:
--------------------------------------------------------------------------------
1 | const { contactUsEmail } = require("../mail/templates/contactFormRes")
2 | const mailSender = require("../utils/mailSender")
3 |
4 | exports.contactUsController = async (req, res) => {
5 | const { email, firstname, lastname, message, phoneNo, countrycode } = req.body
6 | console.log(req.body)
7 | try {
8 | const emailRes = await mailSender(
9 | email,
10 | "Your Data send successfully",
11 | contactUsEmail(email, firstname, lastname, message, phoneNo, countrycode)
12 | )
13 | console.log("Email Res ", emailRes)
14 | return res.json({
15 | success: true,
16 | message: "Email send successfully",
17 | })
18 | } catch (error) {
19 | console.log("Error", error)
20 | console.log("Error message :", error.message)
21 | return res.json({
22 | success: false,
23 | message: "Something went wrong...",
24 | })
25 | }
26 | }
--------------------------------------------------------------------------------
/src/components/core/AboutPage/Quote.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import HighlightText from '../HomePage/HighlightText'
3 |
4 | const Quote = () => {
5 | return (
6 |
7 | We are passionate about revolutionizing the way we learn. Our
8 | innovative platform
10 | {" "}
11 | expertise
12 |
13 | , and community to create an
14 |
15 | {" "}
16 | unparalleled educational
17 | experience.
18 |
19 |
20 | )
21 | }
22 |
23 | export default Quote
--------------------------------------------------------------------------------
/src/pages/Dashboard.jsx:
--------------------------------------------------------------------------------
1 | import { useSelector } from "react-redux"
2 | import { Outlet } from "react-router-dom"
3 |
4 | import Sidebar from "../components/core/Dashboard/Sidebar"
5 |
6 | function Dashboard() {
7 | const { loading: profileLoading } = useSelector((state) => state.profile)
8 | const { loading: authLoading } = useSelector((state) => state.auth)
9 |
10 | if (profileLoading || authLoading) {
11 | return (
12 |
15 | )
16 | }
17 |
18 | return (
19 |
27 | )
28 | }
29 |
30 | export default Dashboard
--------------------------------------------------------------------------------
/src/components/core/Dashboard/Cart/index.jsx:
--------------------------------------------------------------------------------
1 | import { useSelector } from "react-redux"
2 |
3 | import RenderCartCourses from "./RenderCartCourses"
4 | import RenderTotalAmount from "./RenderTotalAmount"
5 |
6 | export default function Cart() {
7 | const { total, totalItems } = useSelector((state) => state.cart)
8 |
9 | return (
10 | <>
11 | Cart
12 |
13 | {totalItems} Courses in Cart
14 |
15 | {total > 0 ? (
16 |
17 |
20 | ) : (
21 |
22 | Your cart is empty
23 |
24 | )}
25 |
26 | )
27 | }
--------------------------------------------------------------------------------
/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/assets/TimeLineLogo/Logo4.svg:
--------------------------------------------------------------------------------
1 |
2 |
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 | name: "Your Cart",
40 | path: "/dashboard/cart",
41 | type: ACCOUNT_TYPE.STUDENT,
42 | icon: "VscHistory",
43 | },
44 | ];
45 |
--------------------------------------------------------------------------------
/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 |
13 | // ********************************************************************************************************
14 | // Profile routes
15 | // ********************************************************************************************************
16 | // Delet User Account
17 | router.delete("/deleteProfile", auth, deleteAccount)
18 | router.put("/updateProfile", auth, updateProfile)
19 | router.get("/getUserDetails", auth, getAllUserDetails)
20 | // Get Enrolled Courses
21 | router.get("/getEnrolledCourses", auth, getEnrolledCourses)
22 | router.put("/updateDisplayPicture", auth, updateDisplayPicture)
23 | router.get("/instructorDashboard", auth, isInstructor, instructorDashboard)
24 |
25 | module.exports = router
--------------------------------------------------------------------------------
/src/assets/TimeLineLogo/Logo3.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
--------------------------------------------------------------------------------
/src/components/common/ConfirmationModal.jsx:
--------------------------------------------------------------------------------
1 | import IconBtn from "./IconBtn"
2 |
3 | export default function ConfirmationModal({ modalData }) {
4 | return (
5 |
6 |
7 |
8 | {modalData?.text1}
9 |
10 |
11 | {modalData?.text2}
12 |
13 |
14 |
22 | {modalData?.btn2Text}
23 |
24 |
25 |
26 |
13 | {/* Stats */}
14 |
15 |
16 | {Stats.map((data, index) => {
17 | return (
18 |
19 |
20 | {data.count}
21 |
22 |
23 | {data.label}
24 |
25 |
26 | );
27 | })}
28 |
29 |
30 |
27 | {Courses?.map((course, i) => (
28 |
29 |
31 | ))}
32 |
33 | ) : (
34 | No Course Found
35 | )}
36 |
37 | )
38 | }
39 |
40 | export default CourseSlider
41 |
--------------------------------------------------------------------------------
/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/pages/Contact.jsx:
--------------------------------------------------------------------------------
1 | import React from "react"
2 |
3 | import Footer from "../components/common/Footer"
4 | import ContactDetails from "../components/ContactPage/ContactDetails"
5 | import ContactForm from "../components/ContactPage/ContactForm"
6 | import ReviewSlider from "../components/common/ReviewSlider"
7 |
8 | const Contact = () => {
9 | return (
10 |
11 |
12 | {/* Contact Details */}
13 |
14 |
16 |
17 | {/* Contact Form */}
18 |
19 |
21 |
22 |
23 | {/* Reviws from Other Learner */}
24 |
25 | Reviews from other learners
26 |
27 |
29 |
30 |
21 |
Total:
22 |
₹ {total}
23 |
28 |
2 |
4 |
--------------------------------------------------------------------------------
/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/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 |
25 | {[...new Array(starCount.full)].map((_, i) => {
26 | return
35 | )
36 | }
37 |
38 | export default RatingStars
--------------------------------------------------------------------------------
/src/components/core/Dashboard/SidebarLink.jsx:
--------------------------------------------------------------------------------
1 | import * as Icons from "react-icons/vsc"
2 | import { useDispatch } from "react-redux"
3 | import { NavLink, matchPath, useLocation } from "react-router-dom"
4 |
5 | import { resetCourseState } from "../../../slices/courseSlice"
6 |
7 | export default function SidebarLink({ link, iconName }) {
8 | const Icon = Icons[iconName]
9 | const location = useLocation()
10 | const dispatch = useDispatch()
11 |
12 | const matchRoute = (route) => {
13 | return matchPath({ path: route }, location.pathname)
14 | }
15 |
16 | return (
17 | dispatch(resetCourseState())}
20 | className={`relative px-8 py-2 text-sm font-medium ${
21 | matchRoute(link.path)
22 | ? "bg-yellow-800 text-yellow-50"
23 | : "bg-opacity-0 text-richblack-300"
24 | } transition-all duration-200`}
25 | >
26 |
32 | {/* Icon Goes Here */}
33 | {link.name}
35 |
36 |
37 | )
38 | }
--------------------------------------------------------------------------------
/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 | createdAt: {
57 | type:Date,
58 | default:Date.now
59 | },
60 | });
61 |
62 | // Export the Courses model
63 | module.exports = mongoose.model("Course", coursesSchema);
--------------------------------------------------------------------------------
/src/assets/TimeLineLogo/Logo2.svg:
--------------------------------------------------------------------------------
1 |
2 |
4 |
--------------------------------------------------------------------------------
/src/components/core/Dashboard/MyCourses.jsx:
--------------------------------------------------------------------------------
1 | import { useEffect, useState } from "react"
2 | import { VscAdd } from "react-icons/vsc"
3 | import { useSelector } from "react-redux"
4 | import { useNavigate } from "react-router-dom"
5 |
6 | import { fetchInstructorCourses } from "../../../services/operations/courseDetailsAPI"
7 | import IconBtn from "../../common/IconBtn"
8 | import CoursesTable from "./InstructorCourses/CoursesTable"
9 |
10 | export default function MyCourses() {
11 | const { token } = useSelector((state) => state.auth)
12 | const navigate = useNavigate()
13 | const [courses, setCourses] = useState([])
14 |
15 | useEffect(() => {
16 | const fetchCourses = async () => {
17 | const result = await fetchInstructorCourses(token)
18 | if (result) {
19 | setCourses(result)
20 | }
21 | }
22 | fetchCourses()
23 | // eslint-disable-next-line react-hooks/exhaustive-deps
24 | }, [])
25 |
26 | return (
27 |
28 |
29 |
My Courses
30 | navigate("/dashboard/add-course")}
33 | >
34 |
36 |
37 | {courses &&
}
38 |
10 |
11 |
12 |
17 |
18 |
19 |
20 | Become an
21 |
23 |
24 |
25 | Instructors from around the world teach millions of students on
26 | StudyNotion. We provide the tools and skills to teach what you
27 | love.
28 |
29 |
30 |
31 |
32 |
33 | Start Teaching Today
34 |
36 |
37 |
38 |
39 |
40 |
7 |
8 |
9 | Add Course
10 |
11 |
12 |
14 |
15 | {/* Course Upload Tips */}
16 |
17 |
⚡ Course Upload Tips
18 |
19 | Set the Course Price option or make it free.
20 | Standard size for the course thumbnail is 1024x576.
21 | Video section controls the course overview video.
22 | Course Builder is where you create & organize a course.
23 |
24 | Add Topics in the Course Builder section to create lessons,
25 | quizzes, and assignments.
26 |
27 |
28 | Information from the Additional Data section shows up on the
29 | course single page.
30 |
31 | Make Announcements to notify any important
32 | Notes to all enrolled students at once.
33 |
34 |
35 |
setCurrentCard(cardData?.heading)}
16 | >
17 |
18 |
23 | {cardData?.heading}
24 |
25 |
26 |
{cardData?.description}
27 |
28 |
29 |
34 | {/* Level */}
35 |
36 |
37 |
{cardData?.level}
38 |
39 |
40 | {/* Flow Chart */}
41 |
42 |
43 |
{cardData?.lessionNumber} Lession
44 |
45 |
46 |
31 | {contactDetails.map((ele, i) => {
32 | let Icon = Icon1[ele.icon] || Icon2[ele.icon] || Icon3[ele.icon]
33 | return (
34 |
38 |
39 |
41 | {ele?.heading}
42 |
43 |
44 |
{ele?.description}
45 |
{ele?.details}
46 |
47 | )
48 | })}
49 |
22 |
23 |
28 |
29 |
30 |
{course?.courseName}
31 |
32 | {course?.instructor?.firstName} {course?.instructor?.lastName}
33 |
34 |
35 | {avgReviewCount || 0}
36 |
38 | {course?.ratingAndReviews?.length} Ratings
39 |
40 |
41 |
Rs. {course?.price}
42 |
43 |
42 |
43 | Edit Course
44 |
45 |
46 | {course ? (
47 |
48 | ) : (
49 |
50 | Course not found
51 |
52 | )}
53 |
54 |
23 |
24 |
26 |
27 |
28 | Delete Account
29 |
30 |
31 |
Would you like to delete account?
32 |
33 | This account may contain Paid Courses. Deleting your account is
34 | permanent and will remove all the contain associated with it.
35 |
36 |
37 |
42 | I want to delete my account.
43 |
44 |
45 |
13 | {loading ? (
14 |
15 | ) : (
16 |
17 |
18 |
19 | {title}
20 |
21 |
22 | {description1} {" "}
23 |
24 | {description2}
25 |
26 |
27 | {formType === "signup" ?
:
}
28 |
29 |
30 |
37 |
45 |
46 |
47 | )}
48 |
11 |
12 | Your swiss knife for
13 |
14 |
15 | Using spin making learning multiple languages easy. with 20+
16 | languages realistic voice-over, progress tracking, custom schedule
17 | and more.
18 |
19 |
36 |
37 |
38 |
39 |
40 | Learn More
41 |
42 |
43 |
21 |
22 |
{
25 | handleActive(course._id)
26 | }}
27 | >
28 |
29 |
34 |
36 |
{course?.sectionName}
37 |
38 |
39 |
40 | {`${course.subSection.length || 0} lecture(s)`}
41 |
42 |
43 |
44 |
45 |
52 |
53 | {course?.subSection?.map((subSec, i) => {
54 | return
57 |
58 |
setOpen(true)}>
23 |
24 |
29 |
30 |
e.stopPropagation()}
34 | className="absolute top-[118%] right-0 z-[1000] divide-y-[1px] divide-richblack-700 overflow-hidden rounded-md border-[1px] border-richblack-700 bg-richblack-800"
35 | ref={ref}
36 | >
37 |
setOpen(false)}>
38 |
39 |
42 |
43 |
{
45 | dispatch(logout(navigate))
46 | setOpen(false)
47 | }}
48 | className="flex w-full items-center gap-x-1 py-[10px] px-[12px] text-sm text-richblack-100 hover:bg-richblack-700 hover:text-richblack-25"
49 | >
50 |
53 |
56 | )
57 | }
--------------------------------------------------------------------------------
/server/mail/templates/emailVerificationTemplate.js:
--------------------------------------------------------------------------------
1 | const otpTemplate = (otp) => {
2 | return `
3 |
4 |
5 |
6 | OTP Verification Email
8 |
64 |
65 |
66 |
67 |
68 |
69 |
71 |
OTP Verification Email
72 |
73 |
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 |
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!
82 |
18 |
19 |
20 | {/* Section 1 */}
21 |
22 | {heading}
23 |
24 | {/* Sub Heading */}
25 |
26 | {subheading}
27 |
28 |
29 | {/* Button Group */}
30 |
31 |
32 |
33 | {ctabtn1.btnText}
34 |
36 |
37 |
38 | {ctabtn2.btnText}
39 |
40 |
41 |
42 |
43 | {/* Section 2 */}
44 |
45 | {backgroundGradient}
46 | {/* Indexing */}
47 |
48 |
1
49 |
2
50 |
3
51 |
4
52 |
5
53 |
6
54 |
7
55 |
8
56 |
9
57 |
10
58 |
11
59 |
60 |
61 | {/* Codes */}
62 |
65 |
76 |
77 |
Password Update Confirmation
8 |
53 |
54 |
55 |
56 |
57 |
58 |
60 |
Password Update Confirmation
61 |
62 |
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 |
67 |
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 |
13 | {cart.map((course, indx) => (
14 |
20 |
21 |
26 |
27 |
28 | {course?.courseName}
29 |
30 |
31 | {course?.category?.name}
32 |
33 |
34 | 4.5
35 |
45 | {course?.ratingAndReviews?.length} Ratings
46 |
47 |
48 |
49 |
50 |
51 |
dispatch(removeFromCart(course._id))}
53 | className="flex items-center gap-x-1 rounded-md border border-richblack-600 bg-richblack-700 py-3 px-[12px] text-pink-200"
54 | >
55 | Remove
57 |
58 |
59 | ₹ {course?.price}
60 |
61 |
62 |
63 | ))}
64 |
32 |
33 | {sidebarLinks.map((link) => {
34 | if (link.type && user?.accountType !== link.type) return null
35 | return (
36 |
40 |
41 |
42 |
46 |
48 | setConfirmationModal({
49 | text1: "Are you sure?",
50 | text2: "You will be logged out of your account.",
51 | btn1Text: "Logout",
52 | btn2Text: "Cancel",
53 | btn1Handler: () => dispatch(logout(navigate)),
54 | btn2Handler: () => setConfirmationModal(null),
55 | })
56 | }
57 | className="px-8 py-2 text-sm font-medium text-richblack-300"
58 | >
59 |
60 | Logout
62 |
63 |
64 |
65 |
21 | {loading ? (
22 |
23 | ) : (
24 |
25 |
26 | {!emailSent ? "Reset your password" : "Check email"}
27 |
28 |
29 | {!emailSent
30 | ? "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"
31 | : `We have sent the reset email to ${email}`}
32 |
33 |
57 |
58 |
59 |
60 |
62 |
63 |
64 |
65 | )}
66 |
44 |
45 | {label} *
46 |
47 |
48 |
60 | Add
61 |
62 |
63 | {requirementsList.length > 0 && (
64 |
65 | {requirementsList.map((requirement, index) => (
66 |
67 | {requirement}
68 | handleRemoveRequirement(index)}
72 | >
73 | clear
74 |
75 |
76 | ))}
77 |
78 | )}
79 | {errors[name] && (
80 |
81 | {label} is required
82 |
83 | )}
84 |
30 | {/* Explore more section */}
31 |
32 |
33 | Unlock the
34 |
35 |
36 | Learn to Build Anything You Can Imagine
37 |
38 |
39 |
40 |
41 | {/* Tabs Section */}
42 |
43 | {tabsName.map((ele, index) => {
44 | return (
45 |
setMyCards(ele)}
53 | >
54 | {ele}
55 |
56 | );
57 | })}
58 |
59 |
60 |
61 | {/* Cards Group */}
62 |
63 | {courses.map((ele, index) => {
64 | return (
65 |
74 |
30 | {steps.map((item) => (
31 | <>
32 |
36 | item.id && "bg-yellow-50 text-yellow-50"}} `}
42 | >
43 | {step > item.id ? (
44 |
49 |
50 |
51 | {item.id !== steps.length && (
52 | <>
53 |
item.id ? "border-yellow-50" : "border-richblack-500"
56 | } `}
57 | >
58 |
59 | )}
60 |
61 | ))}
62 |
65 | {steps.map((item) => (
66 | <>
67 |
71 |
72 |
= item.id ? "text-richblack-5" : "text-richblack-500"
75 | }`}
76 | >
77 | {item.title}
78 |
79 |
80 |
81 |
82 | ))}
83 |
Payment Confirmation
8 |
65 |
66 |
67 |
68 |
69 |
70 |
72 |
Course Payment Confirmation
73 |
74 |
Dear ${name},
75 |
We have received a payment of ₹${amount}
.
76 |
Your Payment ID is ${paymentId}
77 |
Your Order ID is ${orderId}
78 |
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!
81 |
52 |
Visualize
53 |
54 | {/* Button to switch to the "students" chart */}
55 | setCurrChart("students")}
57 | className={`rounded-sm p-1 px-3 transition-all duration-200 ${
58 | currChart === "students"
59 | ? "bg-richblack-700 text-yellow-50"
60 | : "text-yellow-400"
61 | }`}
62 | >
63 | Students
64 |
65 | {/* Button to switch to the "income" chart */}
66 | setCurrChart("income")}
68 | className={`rounded-sm p-1 px-3 transition-all duration-200 ${
69 | currChart === "income"
70 | ? "bg-richblack-700 text-yellow-50"
71 | : "text-yellow-400"
72 | }`}
73 | >
74 | Income
75 |
76 |
77 |
78 | {/* Render the Pie chart based on the selected chart */}
79 |
83 |
84 |
Course Registration Confirmation
8 |
65 |
66 |
67 |
68 |
69 |
70 |
72 |
Course Registration Confirmation
73 |
74 |
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 |
81 |
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 |
Contact Form Confirmation
15 |
72 |
73 |
74 |
75 |
76 |
77 |
79 |
Contact Form Confirmation
80 |
81 |
Dear ${firstname} ${lastname},
82 |
Thank you for contacting us. We have received your message and will respond to you as soon as possible.
83 |
84 |
Here are the details you provided:
85 |
Name: ${firstname} ${lastname}
86 |
Email: ${email}
87 |
Phone Number: ${phoneNo}
88 |
Message: ${message}
89 |
We appreciate your interest and will get back to you shortly.
90 |
91 |
If you have any further questions or need immediate assistance, please feel free to reach
92 | out to us at
info@studynotion.com . We are here to help!
93 |
50 | {LearningGridArray.map((card, i) => {
51 | return (
52 |
62 | {card.order < 0 ? (
63 |
64 |
65 | {card.heading}
66 |
68 |
69 | {card.description}
70 |
71 |
72 |
73 |
74 | {card.BtnText}
75 |
76 |
77 |
78 | ) : (
79 |
80 |
{card.heading}
81 |
82 |
83 | {card.description}
84 |
85 |
86 | )}
87 |
88 | );
89 | })}
90 |
63 |
64 |
69 |
70 |
Change Profile Picture
71 |
72 |
84 | Select
85 |
86 |
90 | {!loading && (
91 |
94 |
95 |
96 |
97 |
35 |
36 |
37 | {TimeLine.map((ele, i) => {
38 | return (
39 |
40 |
41 |
42 |
43 |
44 |
45 |
{ele.Heading}
46 |
{ele.Description}
47 |
48 |
49 |
54 |
55 | );
56 | })}
57 |
58 |
59 |
60 | {/* Section 1 */}
61 |
62 |
10
63 |
64 | Years experiences
65 |
66 |
67 |
68 | {/* Section 2 */}
69 |
70 |
250
71 |
72 | types of courses
73 |
74 |
75 |
76 |
77 |
82 |
83 |
84 |
68 |
69 | Publish Settings
70 |
71 |
100 |
Enrolled Courses
30 | {!enrolledCourses ? (
31 |
34 | ) : !enrolledCourses.length ? (
35 |
36 | You have not enrolled in any course yet.
37 | {/* TODO: Modify this Empty State */}
38 |
39 | ) : (
40 |
41 | {/* Headings */}
42 |
43 |
Course Name
44 |
Duration
45 |
Progress
46 |
47 | {/* Course Names */}
48 | {enrolledCourses.map((course, i, arr) => (
49 |
55 |
{
58 | navigate(
59 | `/view-course/${course?._id}/section/${course.courseContent?.[0]?._id}/sub-section/${course.courseContent?.[0]?.subSection?.[0]?._id}`
60 | )
61 | }}
62 | >
63 |
68 |
69 |
{course.courseName}
70 |
71 | {course.courseDescription.length > 50
72 | ? `${course.courseDescription.slice(0, 50)}...`
73 | : course.courseDescription}
74 |
75 |
76 |
77 |
{course?.totalDuration}
78 |
79 |
Progress: {course.progressPercentage || 0}%
80 |
85 |
86 |
87 | ))}
88 |
51 | {loading ? (
52 |
55 | ) : (
56 |
57 |
58 | Verify Email
59 |
60 |
61 | A verification code has been sent to you. Enter the code below
62 |
63 |
90 |
91 |
92 |
93 |
95 |
96 |
dispatch(sendOtp(signupData.email))}
99 | >
100 |
103 |
104 |
105 | )}
106 |
65 | {/* Render the label for the input */}
66 |
67 | {label} *
68 |
69 | {/* Render the chips and input */}
70 |
71 | {/* Map over the chips array and render each chip */}
72 | {chips.map((chip, index) => (
73 |
77 | {/* Render the chip value */}
78 | {chip}
79 | {/* Render the button to delete the chip */}
80 | handleDeleteChip(index)}
84 | >
85 |
87 |
88 | ))}
89 | {/* Render the input for adding new chips */}
90 |
98 |
99 | {/* Render an error message if the input is required and not filled */}
100 | {errors[name] && (
101 |
102 | {label} is required
103 |
104 | )}
105 |
40 |
41 |
53 | {reviews.map((review, i) => {
54 | return (
55 |
56 |
57 |
58 |
67 |
68 |
{`${review?.user?.firstName} ${review?.user?.lastName}`}
69 |
70 | {review?.course?.courseName}
71 |
72 |
73 |
74 |
75 | {review?.review.split(" ").length > truncateWords
76 | ? `${review?.review
77 | .split(" ")
78 | .slice(0, truncateWords)
79 | .join(" ")} ...`
80 | : `${review?.review}`}
81 |
82 |
83 |
84 | {review.rating.toFixed(1)}
85 |
86 |
96 |
98 | )
99 | })}
100 | {/* Slide 1 */}
101 |
102 |
103 |
56 | {/* Course Image */}
57 |
62 |
63 |
64 |
65 | Rs. {CurrentPrice}
66 |
67 |
68 | navigate("/dashboard/enrolled-courses")
73 | : handleBuyCourse
74 | }
75 | >
76 | {user && course?.studentsEnrolled.includes(user?._id)
77 | ? "Go To Course"
78 | : "Buy Now"}
79 |
80 | {(!user || !course?.studentsEnrolled.includes(user?._id)) && (
81 |
82 | Add to Cart
83 |
84 | )}
85 |
86 |
87 |
88 | 30-Day Money-Back Guarantee
89 |
90 |
91 |
92 |
93 |
94 | This Course Includes :
95 |
96 |
97 | {course?.instructions?.map((item, i) => {
98 | return (
99 |
100 | {item}
102 |
103 | )
104 | })}
105 |
106 |
107 |
108 |
112 |
114 |
115 |
116 |
62 |
63 | {label} {!viewData && * }
64 |
65 |
70 | {previewSource ? (
71 |
72 | {!video ? (
73 |
78 | ) : (
79 |
80 | )}
81 | {!viewData && (
82 |
{
85 | setPreviewSource("")
86 | setSelectedFile(null)
87 | setValue(name, null)
88 | }}
89 | className="mt-3 text-richblack-400 underline"
90 | >
91 | Cancel
92 |
93 | )}
94 |
95 | ) : (
96 |
100 |
101 |
102 |
104 |
105 | Drag and drop an {!video ? "image" : "video"}, or click to{" "}
106 | Browse a
107 | file
108 |
109 |
110 | Aspect ratio 16:9
111 | Recommended size 1024x576
112 |
113 |
114 | )}
115 |
116 | {errors[name] && (
117 |
118 | {label} is required
119 |
120 | )}
121 |
47 |
48 | {/* Modal Header */}
49 |
50 |
Add Review
51 |
setReviewModal(false)}>
52 |
54 |
55 | {/* Modal Body */}
56 |
57 |
58 |
63 |
64 |
65 | {user?.firstName} {user?.lastName}
66 |
67 |
Posting Publicly
68 |
69 |
70 |
109 |
110 |
111 |
17 | 