StudyNotion live
StudyNotion is a fully functional ed-tech learning platform that enables users to create, consume, and rate educational content. The platform is built using the MERN stack
, which includes ReactJS
, NodeJS
, MongoDB
, and ExpressJS
.
- A seamless and interactive learning experience for students, making education more accessible and engaging.
- A platform for instructors to showcase their expertise and connect with learners across the globe.
The front end of StudyNotion has all the necessary pages that an ed-tech platform should have. Some of these pages are:
- Homepage : This page will have a brief introduction to the platform, as well as links to the course list and user details.
- Course List : This page will have a list of all the courses available on the platform, along with their descriptions and ratings.
- Wishlist : This page will display all the courses that a student has added to their wishlist.
- Cart Checkout : This page will allow the user to complete the course purchase.
- Course Content : This page will have the course content for a particular course, including videos, and other related material.
- User Details : This page will have details about the student's account, including their name, email, and other relevant information.
- User Edit Details : This page will allow the student to edit their account details.
- Dashboard : This page will have an overview of the instructor's courses, as well as the ratings and feedback for each course.
- Insights : This page will have detailed insights into the instructor's courses, including the number of views, clicks, and other relevant metrics.
- Course Management Pages : These pages will allow the instructor to create, update, and delete courses, as well as manage the course content and pricing.
- View and Edit Profile Details : These pages will allow the instructor to view and edit their account details.
- Dashboard : This page will have an overview of the platform's courses, instructors, and students.
- Insights : This page will have detailed insights into the platform's metrics, including the number of registered users, courses, and revenue.
- Instructor Management : This page will allow the admin to manage the platform's instructors, including their account details, courses, and ratings.
- Other Relevant Pages : The admin will also have access to other relevant pages, such as user management and course management pages.
The back end of StudyNotion provides a range of features and functionalities, including:
- User authentication and authorization : Students and instructors can sign up and log in to the platform using their email addresses and password. The platform also supports OTP (One-Time Password) verification and forgot password functionality for added security.
- Course management : Instructors can create, read, update, and delete courses, as well as manage course content and media. Students can view and rate courses.
- Payment Integration : Students will purchase and enrol on courses by completing the checkout flow that is followed by Razorpay integration for payment handling.
- Cloud-based media management : StudyNotion uses Cloudinary, a cloud-based media management service, to store and manage all media content, including images, videos, and documents.
- Markdown formatting : Course content in document format is stored in Markdown format, which allows for easier display and rendering on the front end.
This starter pack includes a basic setup for using Tailwind CSS with React. To start building your own components and styles, follow these steps:
-
Clone the repository to your local machine.
git clone https://github.com/abhikant12/Study-Notion.git
-
Install the required packages.
npm install
-
Start the development server.
npm run dev
-
Open the project in your browser at http://localhost:3000 to view your project.
Contributions are welcome! If you have any suggestions or find any issues, please feel free to open an issue or a pull request.
- Email: [email protected]
- Linkedin: https://www.linkedin.com/in/abhikant12/
- Website - Abhikant Kumar