SpartanSync

SpartanSync is a real-time platform that helps students instantly find Spartans for fitness, academics, or social activities, turning isolation into connection with structured meetups.

Comment

Inspiration

It’s weirdly easy to feel lonely at a huge school like MSU. You walk past thousands of people every day on your way to class, but you can still feel like you're on your own island. We’ve all had those moments where we wanted to hit the gym, study for a chem exam, or just grab coffee, but didn't want to go alone.

That feeling is what sparked Spartan Sync. We realized that social media often makes us feel more isolated, looking at highlights of other people's lives instead of living our own. We wanted to build something different—a simple way to say, "Hey, I'm doing this thing, who wants to come?" We wanted to create a space where individuals could actually feel seen and connected, turning those thousands of strangers on campus into friends you just haven't met yet.

What it does

Spartan Sync helps you find your people. It’s a live feed of what's happening right now around campus.

  • Find Your Group: Whether you're looking for a spotter at the gym, a study group for finals, or just people to play frisbee with, you can find it here.

  • Real Connection: There are no "likes" or "followers" here. The only thing that matters is showing up. We focused entirely on helping individuals connect in real life, face-to-face.

  • For Everyone: We didn't want anyone left out. We built in a high-quality screen reader (using AI voices that actually sound like people) and high-contrast modes so that every single student has the same chance to get involved.

How we built it

We used the tools we love to make this come to life:

  • The Look: We built the front end with React and Tailwind CSS. We spent a lot of time on the design because we wanted it to look cool and inviting, like something you'd actually want to use every day.

  • The Brains: We used Supabase to handle all the user logins and the database. It lets us build the "real-time" part where you can see RSVPs update instantly.

  • The Voice: This was the fun part. We hooked up the ElevenLabs API to read event details out loud. Instead of a robot voice, we used a natural-sounding voice model ("Adam") so it feels like a friend telling you what's going on.

Challenges we ran into

  • Making the AI speak: Getting the text-to-speech to sound right was tricky. We had to figure out how to make it handle things like dates and times naturally so it didn't sound like a GPS navigation system.

  • The "State" of things: Managing all the settings, like switching voices or turning on high contrast mode was harder than we thought. We had to learn how to use React Context properly to make sure your settings stayed saved no matter where you went in the app.

Accomplishments that we're proud of

  • It actually works: Seeing a post go live and watching the "Participant" count go up is a great feeling. It proves the concept works.

  • The Accessibility features: We're really happy that we prioritized this. Hearing the app read out a study session location clearly makes us feel like we built something responsible and inclusive.

  • Making it Personal: We managed to keep the focus on the individual. It doesn't feel like a big corporate event board; it feels like a community board where every person adds value.

What we learned

  • Code needs purpose: Writing code is fun, but writing code to solve a real feeling, like loneliness, is way more motivating.

  • Simplicity is hard: It was tempting to add a million features, but we learned that keeping it simple (Post -> Join -> Meet) was the best way to help people connect.

What's next for SpartanSync

  1. Mobile Version: We'd love to make this a native phone app so you get push notifications when someone posts a gym sesh nearby.

  2. Mental Health Check-ins: Maybe adding a "Wellness" category to connect people with campus mental health resources.

  3. Chat: Adding a simple group chat for every event so you can coordinate details before meeting up.

  4. Student-Only Access: We plan to lock down sign-ups to only allow @msu.edu email addresses. This keeps the community safe, verified, and completely focused on students.

Built With

Share this project:

Updates