crowd@asu

• 

  Home Screen

• 

  Welcome Screen

• 

  List View

• 

  Profile

• 

  profile

• 

  profile

• 

  Crowd trends

Inspiration

As students at ASU, we often walk into crowded dining halls, libraries, or gyms and waste valuable time looking for a seat or waiting in line. We wanted to build something simple and student-friendly that lets you know how busy a spot is before heading out. That’s where the idea for crowd@asu came from.

What it does

-crowd@asu is a concept app that helps students check real-time crowd levels across campus. -Shows campus locations like dining halls, libraries, gyms, and study spaces. -Uses color-coded cards (green, yellow, red) to indicate crowd levels. -An interactive campus map lets students click on a location to see details. -Designed with a dark, glass-style theme that feels smooth and modern.

How we built it

-Focused on the frontend design to bring the idea to life quickly. -Built clean and responsive pages with ASU branding and dark theme. -Added mock data for crowd levels to demonstrate how the app would work. -Designed an interactive map with location pins that open info cards.

Challenges we ran into

-Due to time limits, we weren’t able to build the full backend for live data. -Setting up APIs (Google Gmail OTP, WiFi integration) proved complex and was left as future work. -Balancing between good UI design and time constraints.

Accomplishments that we're proud of

-Creating a polished, student-friendly frontend in a short time. -Designing a modern, dark-themed interface with ASU colors and branding. -Building a working prototype map with clickable pins for campus locations. -Turning a common student problem into a clear, practical solution idea.

What we learned

-How to design responsive and accessible UIs that still look stylish. -The value of prototyping — even without backend, a strong visual demo can communicate the idea. -How to break down a project into “must-have” vs. “nice-to-have” features under tight deadlines.

What's next for crowd@asu

-Add a backend with Node.js and Google API for OTP login. -Pull in real data (WiFi counts, student vouching, or sensors) to estimate crowd levels. -Build a student rewards system (badges, leaderboard). -Partner with ASU to make it a real campus tool for all students.

Built With

• css
• figma
• typescript