Skip to content

Hrithik-05-Roshan/Campus-Connect

Repository files navigation

🎓 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

About

CampusConnect bridges the gap between students who need help and peers who can provide it. From announcements and events to collaboration and networking, it simplifies campus life with a clean UI and smooth experience.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors