hackquest logo

BreatheEasy

A real time AQI indicator using trusted api sources

Tech Stack

Node

Description

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.

Progress During Hackathon

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
Team Leader
PPribhash Kashyap
Project Link
Sector
AI