🎓 BrightPath — Modern E-Learning Frontend

BrightPath is a fully responsive front-end E-Learning platform built using React (JSX), Tailwind CSS, and GSAP animations.
It provides students from Class 11th, Class 12th, Graduation, and Master’s with structured academic guidance, learning materials, career roadmaps, and a simple AI assistant — all in one place.

---

🚀 Problem Statement

Students often struggle to find organized and reliable academic resources for their specific class level or career goals.
Content is usually scattered across multiple websites, making it harder to follow a structured learning path.
BrightPath solves this by:

• Providing a centralized hub for syllabus, notes, question banks, and career roadmaps.
• Offering personalized navigation for different education levels.
• Simulating an AI Assistant to help students choose the right resources and career paths.
• Ensuring the platform works on mobile, tablet, and desktop devices seamlessly.

---

✨ Key Features

• Authentication (Frontend Only)

  • Login & Signup using localStorage (no backend).
  • Route protection — content only accessible after login.

• Level-Based Learning

  • Dedicated sections for Class 11th, Class 12th, Graduation, and Master’s.
  • Syllabus breakdown, PDF notes, and YouTube video embeds.

• Career Roadmaps

  • Step-by-step guides for various education and career goals.
  • Visual, timeline-based layout.

• AI Assistant (Static Data)

  • Predefined answers for common student queries.
  • Career suggestions and learning recommendations.

• Question Bank

  • Stream/subject/year-wise previous-year question papers.
  • Organized with collapsible sections and hover animations.

• Search Functionality

  • Global search across learning materials, roadmaps, and question banks.

• Fully Responsive

  • Works flawlessly on mobile, tablet, and desktop.
  • Optional Dark/Light mode.

---

🛠 Tech Stack

• React (JSX only) — UI and component logic
• Tailwind CSS — Styling and responsive design
• GSAP — Smooth animations and transitions
• localStorage — Simulated authentication and session storage

---

📦 Installation & Setup

1️⃣ Clone the repository

git clone https://github.com/your-username/BrightPath.git
cd BrightPath

2️⃣ Install dependencies

npm install

3️⃣ Run the development server

npm run dev

4️⃣ Build for production

npm run build

5️⃣ Preview production build

npm run preview

---

📌 Project Rules

• Frontend only — No backend or API calls.
• No TypeScript — Only React with JSX.
• Auth Simulation — All protected routes are locked until localStorage.loggedIn is true.

---

🌟 Future Improvements

• Real AI Assistant with backend integration.
• Real-time chat support for students.
• User profile customization.
• Community discussion forums.

---

📝 License

This project is licensed under the MIT License — you are free to use, modify, and distribute it.