🎓 Study Notion – EdTech Platform

Study Notion is a modern, production-ready EdTech frontend application that simulates platforms like Udemy or Coursera. This project showcases a fully responsive, modular React application with a clean UI, reusable components, and robust state management.

---

🔗 Live Demo

🚀 Check it out here

---

📌 Key Features

✅ Modern React architecture – Hooks, Redux, Tailwind
✅ Reusable UI components – Fully responsive design
✅ Beautiful course browsing UI – Dynamic pages & sections
✅ Mocked API calls – Simulated authentication and course data
✅ Role-based UI logic – Instructor & student views
✅ Smooth routing – Protected routes & layouts using React Router

---

🧩 Tech Stack

Layer	Technologies
Frontend	React.js, Tailwind CSS, Redux Toolkit, React Router
Build	Create React App
Deploy	Vercel

---

📁 Folder Structure

studynotion-client/
 ├── public/
 ├── src/
 │   ├── assets/
 │   ├── components/
 │   ├── pages/
 │   ├── hooks/
 │   ├── services/
 │   ├── slices/
 │   ├── reducer/
 │   ├── App.jsx
 │   ├── index.js
 ├── package.json
 ├── tailwind.config.js
 ├── README.md

---

🚀 Getting Started

1️⃣ Clone the repository

git clone [https://github.com/rohitinu6/StudyNotion.git]
cd studynotion-client

2️⃣ Install dependencies

npm install

3️⃣ Start the development server

npm start

Open 👉 http://localhost:3000 to view in the browser.

---

⚡ What’s Not Included

❌ No backend API – this is only the UI layer
❌ Payments & real authentication are disabled for demo purposes
✅ You can extend it by connecting your own backend or mock server

---

📸 Screenshots

Home	Courses
Dashboard	Course Detail

---

💡 Why this project?

• Demonstrates real-world React patterns (state management, routing, forms)
• Shows responsive design with Tailwind CSS
• Highlights your ability to build scalable, modular frontends

---

🤝 Contributing

PRs welcome! Feel free to fork & customize — or connect your own backend!

---

📜 License

MIT License. © [Rohit Dubey]