StudyNotion - MERN Stack EdTech Platform 📚
StudyNotion is a fully functional EdTech platform that connects students and instructors. Built with the MERN stack (MongoDB, Express.js, React.js, Node.js), it allows users to create, consume, and rate educational content.
🌐 Live Demo: https://study-notion-mern-stack.netlify.app/
🚀 Key Features
User Authentication: Secure login and registration for students and instructors.
Course Creation & Management: Instructors can create, edit, and delete courses.
Course Browsing & Ratings: Students can browse courses, rate them, and write reviews.
Payment Integration: Students can purchase courses via Razorpay.
Profile Management: Users can view and edit their profiles.
💻 Tech Stack
Frontend: React.js, Vite, Redux, CSS, TailwindCSS Backend: Node.js, Express.js Database: MongoDB Media Storage: Cloudinary
🏗️ System Architecture
Frontend: React.js with dynamic pages, Redux for state management, and responsive UI.
Backend: Node.js & Express.js providing RESTful APIs for authentication, course management, and payments.
Database: MongoDB stores user data, course content, and ratings.
Hooks: useState, useEffect, useDispatch, useSelector, useNavigate, useRef, useParams, useLocation Libraries: React Hot Toast, Chart.js, Framer Motion, Swiper, Video React, React Dropzone, Lazy Loading, OTP Input, Super Responsive Table