B4Ugo

• 

• 

• 

• 

Inspiration

Every day, people waste time and energy facing unexpected crowds, queues, or closed stores. We wanted to create an app to help everyone know what’s happening before they leave home — just like Waze helps drivers avoid traffic.

What it does

Before You Go lets users share real-time reports about crowds, service disruptions, missing products, or other issues in places like stores, banks, parks, and public transport. It helps users decide the best time to go out, based on live community feedback, AI-powered recommendations, and an interactive map.

How we built it

Frontend: React + Tailwind CSS for a clean, fast, mobile-friendly UI

Backend: Supabase for real-time data updates and user-generated reports

Maps: Integrated OpenStreetMap, including a search bar for places and businesses

AI Features: Used AI to analyze reports, suggest search terms, and provide personalized recommendations

Design: Focused on a button-based interface for fast, easy reporting, without heavy typing

Challenges we ran into

Designing a very simple user experience that still provides enough detail

Handling live data updates and keeping performance fast

Integrating maps seamlessly into the app’s interface

Generating AI recommendations without overwhelming users with too many options

Accomplishments that we're proud of

Created a working prototype with real-time data updates

Developed an intuitive, button-based UI for quick reports

Successfully integrated OpenStreetMap with live crowd reports

Built an app that feels practical and useful for everyday life

What we learned

How valuable crowdsourced data is for improving daily decisions

The importance of designing simple, minimal interfaces for mobile use

Integrating real-time features is challenging but powerful

Users love apps that save them time and hassle

What's next for B4Ugo

Add push notifications for nearby alerts (e.g. “Supermarket crowded”)

Expand AI to detect patterns and predict future crowd levels

Partner with businesses to display live capacity and stock info

Localize the app for multiple languages

Launch a beta version for public testing

Built With

• ai
• css
• framer
• javascript
• motion
• netlifysupabase
• openstreetmap
• or
• react
• sql
• supabase
• tailwind
• vercel