🎓 CampusConnect

CampusConnect is a modern, student-first campus collaboration platform that reimagines how students connect, collaborate, and solve real campus problems — all inside one immersive digital ecosystem.

🔗 Live Demo: https://campus-connect-easy.vercel.app

---

🌍 What is CampusConnect?

CampusConnect acts as a digital campus hub where students, clubs, and faculty interact seamlessly.
It focuses on peer-to-peer help, community-driven campaigns, and gamified participation to make campus life more connected and impactful.

---

✨ Key Features

• 🎥 Cinematic UI & UX
  Full-screen video sections, glassmorphism, dark-neon gradients, and smooth scrolling animations.

• 🧠 Peer-to-Peer Issue Solving
  Students raise real issues, others accept them, chat live, and earn points.

• 🏆 Gamified Engagement
  Leaderboards, points, ranks, and badges to reward active contributors.

• 📢 Campus Campaigns
  Explore and join hackathons, awareness drives, tech events, and social initiatives.

• 👥 Community-Driven Platform
  Built for students, clubs, and faculty to collaborate meaningfully.

• 🔐 Modern Authentication UI (Frontend)
  Clean login/signup flow with role selection and profile creation.

• 🎵 Ambient Audio Experience
  Optional background music with a toggle for immersion.

---

🧩 Platform Pages

Page	Description
Home	Landing page with platform vision
About	Mission, values, and purpose
Explore	Issue raising, accepting, chat & leaderboard
Campaigns	Campus initiatives & events
Dashboard	User profile, stats & badges
Login / Signup	Authentication UI
FAQ	Common questions & clarity
Community	Community engagement
Policy / Feedback / Careers	Trust, growth & transparency

---

⚙️ How the Explore System Works

1. A student raises an issue
2. Other students accept the issue
3. Issue moves to In Progress
4. Live chat opens between participants
5. Solver earns points
6. Leaderboard updates dynamically

This creates a self-sustaining peer-help ecosystem on campus.

---

🛠️ Tech Stack

Frontend

• HTML5
• CSS3
• Tailwind CSS
• JavaScript (Vanilla)

Libraries & Tools

• Locomotive Scroll
• Font Awesome
• Google Fonts
• Spline (3D embeds)

Deployment

• Vercel

---

📁 Project Structure

CampusConnect/
│
├── index.html
├── about.html
├── explore.html
├── campaigns.html
├── dashboard.html
├── login-signup.html
├── faq.html
├── community.html
├── careers.html
├── policy.html
├── feedback.html
│
├── style.css
├── script.js
│
├── assests/
│   ├── images/
│   ├── videos/
│   ├── audio/
│   └── logo/
│
└── README.md