Charlotte Student Hub

Engineered an app that helps student led initiatives gain exposure throughout Charlotte. Partnered with over 100 local student led initiatives and gained over 100 users.

Comment

Inspiration

As students in Charlotte, we realized there was no unified, modern platform that brought together everything students need — events, clubs, academics, opportunities, and community resources. Most information is scattered across emails, Google Docs, school websites, and word-of-mouth. Charlotte Student Hub was born from a desire to centralize this chaos into one clean, fast platform made for students, by students. We wanted to make involvement easier, reduce confusion, and help every student feel more connected to their school community.

What it does

Charlotte Student Hub is an all-in-one student ecosystem featuring:

  • Club & event directory with real-time updates
  • Personalized dashboards showing upcoming events, deadlines, and opportunities
  • Announcements & posts system for student organizations
  • Interactive forms for committees, volunteers, and organizers
  • Service-hour tracking, attendance logging, and analytics
  • Modern UI experience with animations, theming, and responsive design It’s designed to be the digital home for student life — accessible on any device and optimized for clarity, speed, and ease of use.

How we built it

We built the platform using Next.js, React, TailwindCSS, Supabase, and Shadcn UI.

  • Supabase powers authentication (Google OAuth + email), databases, and secure backend logic.
  • Next.js handles routing, server components, API routes, and deployment.
  • TailwindCSS and Shadcn UI enabled a clean, modern interface with full customization.
  • Framer Motion, 3D effects, custom animations, and interactive UI components elevate the user experience. Development involved designing the database schema, implementing real-time updates, building modular components, and deploying through Vercel with custom domains.

Challenges we ran into

  • Designing an interface that feels modern while staying accessible for all users
  • Managing real-time data sync with Supabase and preventing race-condition bugs
  • Optimizing animations (LaserFlow, testimonial sliders, cursor effects) for performance on mobile
  • Creating a scalable database structure that supports clubs, posts, events, and user accounts
  • Debugging OAuth redirect issues, hydration mismatches, and deployment build errors

Accomplishments that we're proud of

  • Building a fully functional, production-ready student platform from scratch
  • Designing a visual identity and UI that feels polished, fast, and professional
  • Implementing advanced animations and effects without sacrificing performance
  • Creating a backend system capable of supporting hundreds of users
  • Turning a personal idea into a tool that improves student involvement and accessibility

What we learned

  • How to architect a scalable full-stack application with Supabase + Next.js
  • The importance of UX clarity and information hierarchy
  • How to manage async database operations, authentication flows, and edge-case errors
  • How real students interact with digital platforms — and what features truly matter to them
  • How to design for mobile, accessibility, and long-term sustainability

What’s next for Charlotte Student Hub

We’re planning to expand the platform with:

  • Mobile app version (iOS + Android)
  • AI-powered study tools and club recommendations
  • Integrated messaging & community channels
  • Admin dashboards for teachers, club officers, and event organizers
  • Partnerships with local organizations for student opportunities
  • Event ticketing, attendance QR scanners, and more analytics tools

Charlotte Student Hub is just getting started — the vision is to become the most powerful student-life platform in the region, connecting every student to the resources, people, and opportunities they need to thrive.

Share this project:

Updates