Inspiration
I’ve always noticed that people around me rarely check the air quality or weather conditions before heading outside. With rising pollution levels, especially in urban areas, I felt the need to create something simple yet informative. That’s what inspired me to build Breezio — a platform that helps people make more informed decisions about their surroundings.
What it does
Breezio displays live, location-based environmental data including:
- Air Quality Index (AQI), PM2.5, PM10, and other pollutants
- Weather data like temperature, humidity, and UV index
- Dashboard views such as Forecast, Health, and Trends (login required)
- A news panel based on the selected location — each news item links directly to the full article on its source website
The app is divided into three main sections:
- Navigation Panel (Left): Lets users switch between dashboard views like Overview, Trends, Forecast, and Health. These views require login via Supabase.
- Data Panel (Center): Displays live AQI data, pollutant levels (PM2.5, PM10, NO₂, O₃), temperature, humidity, UV index, and a 24-hour AQI graph.
- News Panel (Right): Shows recent environmental news tailored to the selected location.
There’s also a floating header with a logo, current location display, search bar, and a refresh button.
How we built it
I built Breezio entirely using Bolt. I integrated public environmental and weather APIs to fetch live data, used Supabase to set up user authentication, and designed the UI using Bolt’s built-in tools. Finally, I deployed the project on Netlify for easy access and sharing.
Challenges we ran into
One of the main challenges was figuring out how to integrate APIs and dynamic data handling within Bolt. Since it’s a no-code platform, I had to learn how to structure logic without writing traditional code. Debugging within Bolt was also a new experience, and getting the dashboard views to update correctly based on user input and login status took a lot of trial and error.
Accomplishments that we're proud of
I’m proud that I was able to build a fully functional app without writing code, while still integrating real-time data and login features. The layout came out clean, and the user experience feels smooth and informative — exactly how I imagined it when I started.
What we learned
This project taught me how to work with Bolt as a no-code development tool, how to integrate APIs within it, and how to manage user authentication using Supabase. I also learned how to debug UI and logic flows in a no-code environment, which was completely new to me.
What's next for Breezio
Next, I’d like to add more detailed health-based recommendations based on air quality, allow users to set preferred locations, and maybe even send alerts when pollution levels cross certain thresholds. Making the news section smarter with AI summaries could also be a fun upgrade.
Built With
- apis
- aqicn
- bigdatacloud
- bolt
- charts
- netlify
- openweathermap
- simulation
- supabase
- typescript
Log in or sign up for Devpost to join the conversation.