ConnectED – Alumni & Student Networking Platform

ConnectED is a simple yet impactful web platform designed to bridge the gap between alumni and current students. It allows students to seek guidance, connect with mentors, explore alumni success stories, and stay updated on events and meetups. The platform focuses on ease of use, structured navigation, and purposeful interactions—helping juniors learn from seniors and alumni while fostering a stronger community.

---

✨ Features

• Alumni Directory – Browse alumni by batch, department, or industry with quick filters.
• Mentor–Mentee Connect – Students can look for guidance, while mentors can register their availability.
• Alumni Success Stories – Achievements showcased in expandable cards for inspiration.
• Events & Meetups – Switch easily between upcoming events and past highlights.
• Direct Contact – Contact alumni via LinkedIn or email in a student-friendly way.

---

🛠️ Tech Stack

• Frontend: HTML, CSS, JavaScript
• UI/UX: Lovable (for UI design exploration and polishing)
• Code Editor/Workflow: Standard local environment
• Assistive Tools:
  • Gemini Code Assist: Minor bug fixes and syntax suggestions
  • Claude: Boilerplate/template generation (later customized)

🚨 Disclosure: External AI tools were used in limited capacity for fixing bugs and generating starter boilerplate. All core logic, customization, and features were designed and implemented by me.

---

📌 Development Process

• Initial Attempt: Started with a raw HTML/CSS/JS structure and basic routing.
• Improvements: Refactored into cleaner components, added filters, interactivity, and event toggling.
• Final Outcome: A polished, functional alumni networking website that balances reliability, readability, and usability.

---

🧠 Design Choices

• Readable Code: Consistent naming and modular sections.
• Simple UX: Clear labels, icons, and intuitive navigation for juniors/seniors.
• Scalable Structure: Alumni, mentors, and events follow a consistent data-card format.

---

🚀 Demo

Live Demo

(https://connected1601.netlify.app/)

Screenshots

Interactive Features GIF

---

---

🚀 Future Scope

• Authentication for alumni verification
• Chat/discussion forum for real-time Q&A
• Event RSVP & reminders
• Admin dashboard for content management

---

🛠️ Getting Started

Prerequisites

No backend required. Just a modern browser.

Installation

git clone https://github.com/yourusername/connected.git
cd connected

---