Giter VIP home page Giter VIP logo

ishikagoyal02 / study-notion Goto Github PK

View Code? Open in Web Editor NEW

This project forked from abhikant12/study-nova

0.0 0.0 0.0 27.05 MB

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.

Home Page: https://studynotion-abhikant.vercel.app/

JavaScript 98.51% CSS 1.22% HTML 0.27%

study-notion's Introduction

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.

StudyNotion aims to provide:

  • 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.

Front-end

The front end of StudyNotion has all the necessary pages that an ed-tech platform should have. Some of these pages are:

For Students:

  • 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.

For Instructors:

  • 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.

For Admin

  • 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.

Back-end

The back end of StudyNotion provides a range of features and functionalities, including:

  1. 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.
  2. Course management : Instructors can create, read, update, and delete courses, as well as manage course content and media. Students can view and rate courses.
  3. Payment Integration : Students will purchase and enrol on courses by completing the checkout flow that is followed by Razorpay integration for payment handling.
  4. 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.
  5. Markdown formatting : Course content in document format is stored in Markdown format, which allows for easier display and rendering on the front end.

Installation and Setup

This starter pack includes a basic setup for using Tailwind CSS with React. To start building your own components and styles, follow these steps:

  1. Clone the repository to your local machine.

    git clone https://github.com/abhikant12/Study-Notion.git
  2. Install the required packages.

    npm install
  3. Start the development server.

    npm run dev
  4. Open the project in your browser at http://localhost:3000 to view your project.

Contributing

Contributions are welcome! If you have any suggestions or find any issues, please feel free to open an issue or a pull request.

Contact

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.