BreatheEasy
A real time AQI indicator using trusted api sources
描述
Our project is a real-time Air Quality Index (AQI) Monitoring Web Application that provides users with live air quality data for different cities using a clean, responsive dashboard interface.
🔧 How it works:
Backend: Built using Express.js, the backend fetches real-time AQI data from external APIs.
Frontend: Auto-generated using Vercel v0, the UI presents AQI data clearly and accessibly, allowing users to instantly understand environmental conditions.
API Testing: Handled via Postman to ensure stable and accurate data retrieval.
Deployment: The frontend is deployed on Vercel for instant global access.
🚀 Features:
Live AQI readings for major cities (starting with Delhi).
User-friendly interface for fast comprehension.
Scalable backend for future expansion (e.g., adding notifications or graphs).
Designed with performance and usability in mind.
🌍 Use Case:
This app is useful for students, professionals, health-conscious individuals, or environmental agencies who need real-time air quality updates to make informed decisions about outdoor activities or policy planning.
本次黑客松进展
During the course of the hackathon, our team achieved the following milestones: ✅ Day 1: Ideation & Setup Brainstormed and finalized the idea to build a real-time AQI monitoring system. Assigned roles: one member focused on Express.js backend development, while the other handled API testing using Postman. Researched suitable public APIs to fetch AQI data. ✅ Day 2: Development Begins Successfully set up the backend with Express.js. Integrated AQI API and implemented route to fetch real-time air quality data. Started testing endpoints using Postman for accurate data parsing. Generated the frontend using Vercel v0, streamlining the design process. ✅ Day 3: Integration & Deployment Deployed the backend and frontend for public access. Used ngrok to expose the local backend during testing. Finalized frontend design and connected it with the live backend. Conducted end-to-end testing of the entire flow: API → Backend → Frontend. 🔄 Ongoing Improvements Working on UI polishing and adding error handling. Exploring future enhancements like graphs, city selection, and historical data tracking