{"id":22447529,"url":"https://github.com/boddepallyvenkatesh06/study-notion-lms","last_synced_at":"2025-10-16T05:31:51.497Z","repository":{"id":224560969,"uuid":"763562001","full_name":"BoddepallyVenkatesh06/Study-Notion-LMS","owner":"BoddepallyVenkatesh06","description":"StudyNotion is a fully functional ed-tech 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.","archived":false,"fork":false,"pushed_at":"2024-02-26T15:18:07.000Z","size":26696,"stargazers_count":38,"open_issues_count":1,"forks_count":10,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-08T21:06:25.051Z","etag":null,"topics":["edtech-software","javascript","lms","mern-stack-development","mern-stack-project","reactjs"],"latest_commit_sha":null,"homepage":"https://study-notion-mern-stack.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BoddepallyVenkatesh06.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2024-02-26T14:26:39.000Z","updated_at":"2025-04-07T15:14:06.000Z","dependencies_parsed_at":"2024-02-26T16:48:44.943Z","dependency_job_id":null,"html_url":"https://github.com/BoddepallyVenkatesh06/Study-Notion-LMS","commit_stats":null,"previous_names":["boddepallyvenkatesh06/study-notion-lms"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/BoddepallyVenkatesh06/Study-Notion-LMS","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BoddepallyVenkatesh06%2FStudy-Notion-LMS","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BoddepallyVenkatesh06%2FStudy-Notion-LMS/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BoddepallyVenkatesh06%2FStudy-Notion-LMS/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BoddepallyVenkatesh06%2FStudy-Notion-LMS/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BoddepallyVenkatesh06","download_url":"https://codeload.github.com/BoddepallyVenkatesh06/Study-Notion-LMS/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BoddepallyVenkatesh06%2FStudy-Notion-LMS/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279159536,"owners_count":26116492,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-16T02:00:06.019Z","response_time":53,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["edtech-software","javascript","lms","mern-stack-development","mern-stack-project","reactjs"],"created_at":"2024-12-06T04:17:32.103Z","updated_at":"2025-10-16T05:31:49.678Z","avatar_url":"https://github.com/BoddepallyVenkatesh06.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n\u003cimg src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/frontend/src/assets/Logo/Logo-Full-Light.png' /\u003e\n\n# Project Description 📝\nStudyNotion is a fully functional ed-tech platform that enables users to create, consume, and rate educational content. \u003cbr/\u003e\nThe platform is built using the **MERN stack**, which includes ReactJS, NodeJS, MongoDB, and ExpressJS.\n\n\u003ch2\u003eLive link 🌍📡 - [  https://study-notion-mern-stack.netlify.app/  ]\u003c/h2\u003e\n\u003chr/\u003e\n\n\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/home1.png' /\u003e\n\n\n\n## Table of Contents\n\n\n| Section                 | Description                                  |\n|-------------------------|----------------------------------------------|\n| [StudyNotion Aim](#studynotion-aim-)        | 📚 Overview of StudyNotion's goals            |\n| [Tech Stack](#tech-stack-)             | 💻🔧 Technologies used in the project         |\n| [System Architecture](#system-architecture-)    | 🏰 Overview of the system architecture      |\n| [Architecture Diagram](#architecture-diagram-)   | 🏗️ Diagram illustrating the architecture   |\n| [Schema](#schema-)                  | 🗂 Explanation of data schemas used          |\n| [React Hooks](#react-hooks-)            | 🎣 Overview of React Hooks utilized          |\n| [React Library](#react-library-)         | ⚛️📚 Overview of React Libraries used        |\n| [Screen Preview](#screen-preview-)         | 🖥️ Screen Preview        |\n\n\n\n\n\n\n## StudyNotion Aim 📚 \n\u003cbr/\u003e\n1️⃣ A seamless and interactive learning experience for students, making education more accessible and engaging.\u003cbr/\u003e\n2️⃣ A platform for instructors to showcase their expertise and connect with learners across the globe.\u003cbr/\u003e\n\n\u003cbr/\u003e\n\u003cbr/\u003e\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/Tech%20stack%20logo/gif.gif' /\u003e\n\n\n## Tech Stack 💻🔧 \n\n## Frontend 🎨 : \n\u003ccode title=\"React.js\"\u003e\u003cimg height=\"40\" src=\"https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/Tech%20stack%20logo/react%20ogo.png\"\u003e\u003c/code\u003e\n\u003ccode title=\"Vite\"\u003e\u003cimg height=\"40\" src=\"https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/Tech%20stack%20logo/Vitejs-logo.png\"\u003e\u003c/code\u003e\n\u003ccode title=\"Redux.js\"\u003e\u003cimg height=\"35\" src=\"https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/Tech%20stack%20logo/redux-logo.png\"\u003e\u003c/code\u003e\n\u003ccode title=\"css\"\u003e\u003cimg height=\"40\" src=\"https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/Tech%20stack%20logo/css%20logo.png\"\u003e\u003c/code\u003e\n\u003ccode title=\"Tailwind css\"\u003e\u003cimg height=\"35\" src=\"https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/Tech%20stack%20logo/tailwind%20css%20logo.png\"\u003e\u003c/code\u003e\n\n\n## Backend ⚙️ :\n\u003ccode title=\"Nodejs\"\u003e\u003cimg height=\"50\" src=\"https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/Tech%20stack%20logo/nodejs-logo.png\"\u003e\u003c/code\u003e\n\u003ccode title=\"Express\"\u003e\u003cimg height=\"70\" src=\"https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/Tech%20stack%20logo/express%20logo.png\"\u003e\u003c/code\u003e\n\n\n## Database 🛢️ :\n\u003ccode title=\"Mongodb\"\u003e\u003cimg height=\"40\" src=\"https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/Tech%20stack%20logo/mongodb%20logo.png\"\u003e\u003c/code\u003e\n\n## Cloudinary Integration ☁️\n\u003ccode title=\"Mongodb\"\u003e\u003cimg height=\"40\" src=\"https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/Tech%20stack%20logo/cloudinary-logo.jpg\"\u003e\u003c/code\u003e\n\n\u003chr/\u003e\n\n\n\n\n## System Architecture 🏰\n\u003cbr/\u003e\n☝ The StudyNotion ed-tech platform consists of three main components:  \u003cbr/\u003e\nThe front end, the back end, and the database. The platform follows a client-server architecture, with the front end serving as the client and the back end and database serving as the server.\n\n🎨 Front-end  \u003cbr/\u003e\nThe front end of the platform is built using ReactJS, which is a popular JavaScript library for building user interfaces. ReactJS allows for the creation of dynamic and responsive user interfaces also **Loading Skeleton**, which are critical for providing an engaging learning experience to the students. The front end communicates with the back end using RESTful API calls.\n\n⚙️ Back-end  \u003cbr/\u003e\nThe back end of the platform is built using NodeJS and ExpressJS, which are popular frameworks for building scalable and robust server-side applications. The back end provides APIs for the front end to consume, which include functionalities such as user authentication, course creation, and course consumption. The back end also handles the logic for processing and storing the course content and user data.\n\n🛢️ Database  \u003cbr/\u003e\nThe database for the platform is built using MongoDB, which is a NoSQL database that provides a flexible and scalable data storage solution. MongoDB allows for the storage of unstructured and semi-structured data, which is useful for storing course content such as videos, images, and PDFs. The database stores the course content, user data, and other relevant information related to the platform.\n\n\n\n## Architecture Diagram 🏗️\n\u003cbr/\u003e\nHere is a high-level diagram that illustrates the architecture of the StudyNotion ed-tech platform:\n\u003cimg width='60%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/Architecture%20Diagram.png' /\u003e\n\n\n\u003chr/\u003e\n\n#### The front end of StudyNotion has all the necessary pages that an ed-tech platform should have. Some of these pages are: \n\nFor Students:\n- **Homepage 🏠:** A brief introduction to the platform with links to the course list and user details and random background.\n- **Course List 📚:** A list of all the courses available on the platform, along with their descriptions and ratings.\n- **Wishlist 💡:** Displays all the courses that a student has added to their wishlist.\n- **Cart Checkout 🛒 :** Allows the user to complete course purchases.\n- **Course Content 🎓:** Presents the course content for a particular course, including videos and related material.\n- **User Details 👤:** Provides details about the student's account, including their name, email, and other relevant information.\n- **User Edit Details ✏️:** Allows students to edit their account details.\n\nFor Instructors:\n- **Dashboard 📊:** Offers an overview of the instructor's courses, along with ratings and feedback for each course.\n- **Insights 📈:** Provides detailed insights into the instructor's courses, including the number of views, clicks, and other relevant metrics.\n- **Course Management Pages 🛠️:** Enables instructors to create, update, and delete courses, as well as manage course content and pricing.\n- **View and Edit Profile Details 👀:** Allows instructors to view and edit their account details.\n\n\n\n### Back-end ⚙️\n\nThe back-end of the platform is built using NodeJS and ExpressJS, providing APIs for the front-end to consume. These APIs include functionalities such as user authentication, course creation, and course consumption. The back-end also handles the logic for processing and storing the course content and user data.\n\n#### Back-end Features\n\n- **User Authentication and Authorization 🔐:** Students and instructors can sign up and log in to the platform using their email addresses and passwords. The platform also supports OTP (One-Time Password) verification and forgot password functionality for added security.\n- **Course Management 🛠️:** Instructors can create, read, update, and delete courses, as well as manage course content and media. Students can view and rate courses.\n- **Payment Integration 💳:** Students will purchase and enroll in courses by completing the checkout flow, followed by Razorpay integration for payment handling.\n- **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.\n- **Markdown Formatting ✍️:** Course content in document format is stored in Markdown format, allowing for easier display and rendering on the front-end.\n\n\n\n#### Data Models and Database Schema\n\nThe back-end of StudyNotion uses several data models and database schemas to manage data, including:\n\n- **Student Schema 🧑‍🎓:** Includes fields such as name, email, password, and course details for each student.\n- **Instructor Schema 👩‍🏫:** Includes fields such as name, email, password, and course details for each instructor.\n- **Course Schema 📚:** Includes fields such as course name, description, instructor details, and media content.\n\n\n### Database 🛢️\nThe database for the platform is built using MongoDB, a NoSQL database that provides a flexible and scalable data storage solution. MongoDB allows for the storage of unstructured and semi-structured data. The database stores the course content, user data, and other relevant information related to the platform.\n\n## Schema 📋\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/Schema.png' /\u003e\n\n\u003chr/\u003e\n\n\n## React Hooks 🎣\n\nUtilized several React hooks for efficient state management and dynamic behavior:\n\n- `useState`\n- `useEffect`\n- `useDispatch`\n- `useParams`\n- `useSelector`\n- `useLocation`\n- `useNavigate`\n- `useRef`\n- `useForm`\n- `useDropzone`\n- `Custom-Hook`\n\n\u003cbr/\u003e\n\n## 📚 **React Library**:\n\n- 🚀 **Lazy Loading**: Enhance performance by lazily loading images using the react-lazy-load-image library.\n- 📊 **Chart.js:**  Versatile charting library for creating interactive and visually appealing charts.\n- 🎭**Framer Motion:**  Animation library for React, providing smooth and expressive motion.\n- 📁 **React Dropzone:**  Drag-and-drop file uploader for React applications.\n- 🍞 **React Hot Toast:**  Elegant and customizable toast notifications for React applications.\n- 🔢 **React OTP Input:**  Input component for one-time password entry in React forms.\n- 📊 **React Super Responsive Table:**  Highly responsive and feature-rich table component for React.\n- 🔄 **Swiper:**  Modern touch slider for mobile and desktop browsers.\n- 🖋️ **React Type Animation:**  Simple and configurable typing animation component for React.\n- 🎥 **Video React:**  React-based video player for building rich multimedia experiences in web applications.\n\n\n\n##  🖥️ Screen Preview :\n\n# Random Home Page Background 🏠 \n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/home3.png' /\u003e\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/home4.png' /\u003e\n\n# About Page\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/about.png' /\u003e\n\n# Contact Page\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/contact.png' /\u003e\n\n# Forgot passwornd\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/forgot%20pass.png' /\u003e\n\n# Dashboard\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/dashboard.png' /\u003e\n\n# Edit Profile\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/edit%20profile.png' /\u003e\n\n\n# Add Course\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/add%20course.png' /\u003e\n\n# Edit Course\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/edit%20course.png' /\u003e\n\n# Course Details 1\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/course%20details1.png' /\u003e\n\n# Course Details 2\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/course%20details2.png' /\u003e\n\n# Add Review\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/add%20review.png' /\u003e\n\n# Cart1\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/cart1.png' /\u003e\n\n\n\n\n# Enrolled Courses 1\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/enrolled%20courses1.png' /\u003e\n\n# Enrolled Courses 2\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/enrolled%20courses2.png' /\u003e\n\n# Instructor Data 1\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/instrctor%20data1.png' /\u003e\n\n# Instructor Data 2\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/instrctor%20data2.png' /\u003e\n\n# My Courses 1\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/myCourses1.png' /\u003e\n\n# My Courses 2\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/myCourses2.png' /\u003e\n\n# View Courses 1\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/view%20course1.png' /\u003e\n\n# View Courses 2\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/view%20course2.png' /\u003e\n\n\n# Delete Account\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/delete%20account.png' /\u003e\n\n# Footer\n\u003cimg width='100%' src='https://github.com/Aniruddha-Gade/Study-Notion-EdTech__MERN-Stack/blob/main/screenshots/footer.png' /\u003e\n\n\n\n\n\n\n\n\n\n\n\n\n\n \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fboddepallyvenkatesh06%2Fstudy-notion-lms","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fboddepallyvenkatesh06%2Fstudy-notion-lms","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fboddepallyvenkatesh06%2Fstudy-notion-lms/lists"}