TCBB

Inspiration

As both a member and officer of multiple organizations, I’ve seen how outdated platforms make student leadership harder than it needs to be. Tools like Engage, Presence, and CampusGroups are built with administrators in mind — compliance comes first, usability second. That leaves officers juggling spreadsheets, clunky event tools, and endless forms. On the other side, as a freshman, I found it overwhelming to even discover student orgs that matched my interests. TTBC was inspired by those frustrations: a student-first platform designed to simplify organization management while helping leaders and members grow, thrive, and engage.

What it does

TTBC is an all-in-one hub for student organizations that unites compliance, engagement, and analytics under a single, easy-to-use system. Organizations can set up customizable profiles to showcase their identity and activities. Presidents, officers, and members each get role-based dashboards tailored to their responsibilities. Events can be created with AI-enhanced descriptions for professional promotion, and secure QR code attendance allows for real-time tracking. Compliance tasks like trainings and forms are centralized in one dashboard, while finances are managed through an integrated tool that tracks funding, sponsorships, and allocations. Beyond these essentials, TTBC empowers organizations with advanced analytics dashboards to spot trends, post-event surveys with AI-driven summaries, and gamified features such as leaderboards, activity indexes, and digital badges. Students even earn involvement transcripts that turn participation into verified co-curricular records.

How we built it

We built TTBC with a modern full-stack approach. On the backend, Supabase provided Postgres, authentication, storage, and row-level security, ensuring data was both secure and scalable. The frontend was built using React, Vite, TypeScript, TailwindCSS, and HeadlessUI to create a clean, responsive, and intuitive user experience. Recharts powered the finance, attendance, and engagement dashboards, while qrcode and html5-qrcode enabled secure QR-based attendance check-ins. For roster management, Papaparse allowed simple CSV import and export, and PDFKit handled the generation of involvement transcripts. AI was integrated through the Gemini API, powering features like sentiment analysis, compliance assistance, event description polishing, and personalized recommendations.

Challenges we ran into

One of the biggest challenges was building a secure role-based authorization system that worked differently for presidents, officers, and members across multiple organizations. Another was ensuring that AI was more than just a flashy addition — we wanted it to solve real pain points like compliance confusion, event promotion, and budget planning. Implementing secure QR code attendance under hackathon time pressure was another hurdle, requiring careful design to prevent duplicates and misuse. Balancing functionality with clean UI design was also a challenge, especially given the tight deadline, but we made intentional choices to prioritize features that truly mattered to students.

Accomplishments that we're proud of

We are proud of delivering a functional, student-first platform within 24 hours that bridges compliance, usability, and analytics. Seeing the QR attendance system and role-based dashboards come to life felt like a breakthrough, especially knowing how much these features could save student leaders time. We’re also proud of weaving AI into the project in ways that feel natural and genuinely helpful, such as providing compliance Q&A and refining event descriptions. More than anything, we’re proud that TTBC represents a real solution to problems we and other students have lived through.

What we learned

Through this project, we learned the power of combining modern development tools with thoughtful design. We gained experience in building scalable backend systems with Supabase, creating secure authentication flows, and integrating AI into a platform without making it feel gimmicky. We also learned how important role-based design is, since different stakeholders such as presidents, officers, and members have very different needs. Most importantly, we learned that when you design with students in mind, you uncover opportunities that administrators often overlook, such as analytics that drive engagement and tools that celebrate involvement.

What's next for TCBB

Looking forward, we want to expand AI-driven personalization so students can easily discover organizations that align with their passions. A mobile-first progressive web app is high on the list to support on-the-go event management and attendance tracking. We also aim to integrate directly with university financial systems to simplify sponsorship and funding management. In the long run, our vision is to scale TTBC beyond one campus, creating a cross-university platform that empowers student organizations everywhere to grow, connect, and thrive.

Built With

• github
• github-for-version-control
• netlify
• postgres-db
• react
• shadcn/ui
• storage)
• supabase-(auth
• supabase-client-libraries
• tailwind-css
• typescript
• vite