🛠️ How we built it
We wanted to build a modern, scalable, and fast application, so we chose the latest tech stack:
Next.js 14 (App Router): For a robust frontend and server-side rendering capabilities.
TypeScript: To ensure type safety and reduce bugs during development.
Tailwind CSS: For crafting a beautiful, responsive, and mobile-friendly user interface.
Custom Authentication: To ensure secure access for students.
🧠 Challenges we ran into
One of the biggest challenges was designing the "Relative Seniority Logic". We didn't want users to manually select "Mentor" or "Mentee" because a student can be both depending on who they interact with. Writing the logic to dynamically calculate and display this badge (e.g., displaying "Senior (3rd Year)" to a 1st Year user) required careful state management.
Another challenge was ensuring the real-time chat felt seamless and responsive, managing the state updates without lagging the UI.
🏅 Accomplishments that we're proud of
Successfully implementing the Smart Role System that adapts to the user context.
Building a clean, professional UI that looks like a production-ready app, not just a hackathon prototype.
Learning and implementing Next.js 14, which was a steep learning curve but worth it for the performance gains.
📚 What we learned
This hackathon taught us the importance of user-centric design. We learned that solving a problem isn't just about code; it's about empathy—understanding the hesitation a junior feels before asking for help and designing a UI that removes that friction. Technically, we leveled up our skills in Full Stack development and state management in React.
🔮 What's next for Campus Connect
We have big plans for the future:
AI-Powered Matching: Using Gemini/OpenAI API to suggest the "Perfect Mentor" based on a student's interests and career goals.
Resource Repository: A shared space for seniors to upload notes, previous year papers, and roadmaps.
Campus Events: Integrating a calendar for workshops and hackathons happening on campus.
Log in or sign up for Devpost to join the conversation.