Inspiration
Need help finding events on grounds
What it does
Helps students discover events on grounds and connect on the same spotify track vibe to the event
How we built it
I built BeatCampus UVA using a full-stack approach. The frontend is powered by React and Vite for lightning-fast performance, styled with Tailwind CSS to achieve a aesthetic look. We integrated Leaflet for the interactive campus map, using custom CSS filters to create a high-contrast dark mode.
Challenges we ran into
The biggest hurdle was creating a cohesive vibe between the map and the UI. I had to implement complex state synchronization so that clicking a marker on the map would instantly trigger smooth Motion animations in the sidebar.
Accomplishments that we're proud of
The glass look on the UI.
What we learned
Spactial UI design and thinking about the UX
What's next for CampusBeat UVA
Move to a mobile app set up. Fully integrate Spotify API to make listening in sync with fellow users. Would be a heatmap of where the vibes are and a feature to allow students to find their next destination based on the vibe they are feeling
Log in or sign up for Devpost to join the conversation.