{"id":25863858,"url":"https://github.com/bbs1412/air-quality-updated","last_synced_at":"2026-04-12T18:54:11.371Z","repository":{"id":277486664,"uuid":"932574033","full_name":"Bbs1412/air-quality-updated","owner":"Bbs1412","description":"This repository contains the updated website created to display the content of real-time HVAC (Heat, ventilation, and air conditioning) data monitoring. [ Second Version of air-quality-monitoring-system]","archived":false,"fork":false,"pushed_at":"2025-02-22T10:31:20.000Z","size":8602,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-22T11:26:06.592Z","etag":null,"topics":["air-quality","air-quality-monitor","arduino","firebsae","fog-computing","hvac","raspberry-pi","weather-app"],"latest_commit_sha":null,"homepage":"https://air-quality-monitor-bs.vercel.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Bbs1412.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-14T06:10:03.000Z","updated_at":"2025-02-22T10:31:23.000Z","dependencies_parsed_at":"2025-02-14T07:24:26.465Z","dependency_job_id":"0d9fe4f1-9083-491e-873f-0c6dc1e9b4e7","html_url":"https://github.com/Bbs1412/air-quality-updated","commit_stats":null,"previous_names":["bbs1412/air-quality-updated"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bbs1412%2Fair-quality-updated","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bbs1412%2Fair-quality-updated/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bbs1412%2Fair-quality-updated/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Bbs1412%2Fair-quality-updated/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Bbs1412","download_url":"https://codeload.github.com/Bbs1412/air-quality-updated/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241443437,"owners_count":19963744,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["air-quality","air-quality-monitor","arduino","firebsae","fog-computing","hvac","raspberry-pi","weather-app"],"created_at":"2025-03-02T00:26:44.856Z","updated_at":"2026-04-12T18:54:11.281Z","avatar_url":"https://github.com/Bbs1412.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# `Air Quality` (HVAC) Monitoring Web App\nThis repository contains the updated version of website created to display the content of \u003cu\u003ereal-time\u003c/u\u003e HVAC \u003ci\u003e(Heat, ventilation, and air conditioning)\u003c/i\u003e data monitoring.\n\n## Description\n+ This project was developed as part of the `(BCSE313L) Fog and Edge Computing` course at VIT-Chennai.  \n+ The website serves as a responsive dashboard, offering visual representations of both historical and real-time data collected from various sensors and hardware components.  \n+ As a pre-requisite for the project in the subject, this project adheres to the C2F2T (Cloud-to-Fog-to-Things and its reverse) model, as explained in the subsequent [section](#c2f2t-architecture).\n\n## Table of Contents\n\n- [`Air Quality` (HVAC) Monitoring Web App](#air-quality-hvac-monitoring-web-app)\n  - [Description](#description)\n  - [Table of Contents](#table-of-contents)\n  - [Features](#features)\n  - [Tech-Stack](#tech-stack)\n  - [Project Overview](#project-overview)\n  - [C2F2T Architecture](#c2f2t-architecture)\n  - [Links](#links)\n  - [License](#license)\n  - [Contact](#contact)\n\n\n## Features\n\n   1. **User-Friendly Web Interface** 🌐  \n      Provides a fully functional, responsive and interactive website, featuring regular updates and a comprehensive view of air quality data anywhere.\n      \u003cimg src=\"./public_assets/ss_home.png\" alt=\"website ui\"\u003e\n\n   1. **Real-time Monitoring** ⏳  \n      Continuously tracks air quality levels, providing instant data updates for timely analysis and response.\n      \u003cimg src=\"./public_assets/ss_live.png\" alt=\"realtime monitoring\"\u003e\n\n   1. **Low Latency Operations** ⚡   \n      Ensures minimal delay in data processing and visualization, allowing for accurate real-time insights and decisions.\n      \n   1. **Emergency Alert System** ⚠️  \n      Automatically sends immediate alerts for critical air quality levels, including fire or gas leakage detection, ensuring rapid response to potential hazards.\n      \u003cimg src=\"./public_assets/ss_alert.png\" alt=\"emergency alert system\"\u003e\n\n   1. **Comprehensive Data Collection** 📊   \n      Utilizes a variety of sensors to gather diverse and comprehensive environmental data. Setup shown in the [hardware setup section](#hardware-image).\n      \u003cimg src=\"./public_assets/ss_2d.png\" alt=\"data collection\"\u003e\n\n   1. **Interactive Data Visualization** 📈  \n      Presents data in a visually appealing, interactive and easy-to-understand format, enabling users to interpret and analyze information effectively.\n      \u003cimg src=\"./public_assets/ss_3d.png\" alt=\"data visualization\"\u003e\n\n   1. **Robust Data Storage** ☁️  \n      Utilizes Firebase for reliable and scalable NoSQL database storage, ensuring data integrity and accessibility. Enabling robust data management and retrieval.\n\n\n## Tech-Stack\n   - Python\n   - HTML\n   - CSS\n   - JavaScript\n   - Firebase\n\n\n## Project Overview\n\n   * **`Data Collection:`**  \n      + Data is collected by using various sensors such as MQ-series sensors, DHT-11, and flame sensors.  \n      + An Arduino periodically reads the data from these sensors.\n\n   *  **`Data Passage:`**  \n      + Data collected from the sensors by Arduino is passed to the Raspberry-Pi using serial communication at appropriate baud-rate.  \n      + \u003cimg src=\"./public_assets/ser_full.jpeg\" alt=\"Serial Communication\" width=\"300px\"/\u003e\n\n\n   * **`Data Filtering and Display:`**  \n      + The Raspberry Pi splits, filters, and processes the received data locally.  \n      + Weather predictions are fetched using an API for the day and night at the specified location.  \n      + Based on the latest locally received data and online predictions, display graphics are generated and updated on an the LCD-TFT display.\n      + \u003cimg src=\"./public_assets/runtime_display_pic.png\" alt=\"Hierarchy of C2F2T and latency\" width=\"300px\"/\u003e  \n      + \u003cimg src=\"./public_assets/runtime_display_gen.png\" alt=\"C2F2T in heart rate monitor.\" width=\"300px\"/\u003e\n\n      + Further, the data is passed to the cloud for storage and further access.\n\n   * **`Data Storage:`**  \n      + Firebase, a NoSQL database, is utilized to create, retrieve, and update data.  \n      + The data received in this series is stored under specific firebase nodes.\n\n   * **`Web Interface:`**  \n      + A fully functional and responsive website is created and deployed on vercel.  \n      + The website fetches data from the cloud, and its components are updated periodically.  \n      + The website also features an Emergency Alert System, which can be a lifesaver in cases of fire or gas leakage in the monitored area.\n\n   * **`Hardware Setup:`**  \n      \u003ca id=\"hardware-image\"\u003e\u003c/a\u003e  \n      + \u003cimg src=\"./public_assets/hardware.jpg\" alt=\"Hardware\" width=600\u003e\n\n## C2F2T Architecture\n   \n   1. Cloud-to-Things:  \n      - This aspect involves the flow of data and services from the cloud to the edge devices or \"things\" (such as sensors, actuators, or IoT devices).\n      \n   1. Things-to-Cloud:  \n      - In contrast to C2T, T2C refers to the flow of data and services from the edge devices or \"things\" to the cloud.  \n      \n   1. Bidirectional Communication:  \n      - The C2F2T model emphasizes bidirectional communication between the cloud and edge devices, enabling seamless interaction and data exchange in both directions.   \n      - This approach benefits from various hardware computing power at different nodes in the IoT ecosystem.  \n      - Bidirectional communication enables real-time monitoring, control, and decision-making capabilities at the edge while leveraging the extensive computational and storage capabilities of the cloud.\n\n   1. In this project:   \n      \u0026nbsp; \u0026nbsp; \u0026nbsp;\n      \u003cimg src=\"./public_assets/c2f2t_1.png\" alt=\"C2F2T in heart rate monitor.\" width=350/\u003e\n      \u0026nbsp; \u0026nbsp; \u0026nbsp;\n      \u003cimg src=\"./public_assets/c2f2t_2.png\" alt=\"Hierarchy of C2F2T and latency\" width=350/\u003e\n    \n      1) **Things**:  \n         - All sensors act as things. \n         - Things collect the data on ground level.  \n      2) **Edge**:  \n         - The edge device is an Arduino, which has limited computing power and basic computer functionalities.\n         - It collects and temporarily stores the data within its limited small storage capabilities.  \n      3) **Fog**:  \n         - A Raspberry Pi is the middle device in the project. It gets data from the edge level, filters, and processes it with its relatively large compute power.\n         - The RasPi thus acts as the fog layer.  \n      4) **Cloud**:  \n         - Finally, data is collected in the cloud.  \n         - This data is then used to serve the website.  \n         - The cloud can also be utilized to run predictive models and gain meaningful insights from the data.\n         - Thus, leverages the power of machine learning and the resource-intensive nature of cloud infrastructure.\n\n\n## Links\n\n1. Visit the deployed project on Vercel:  \n   [![Vercel](https://img.shields.io/badge/Vercel-air--quality--monitor--bs-y?style=flat\u0026logo=Vercel)](https://air-quality-monitor-bs.vercel.app/)\n\n1. Video demonstration of project implementation:  \n   [![YouTube](https://img.shields.io/badge/Youtube-Video_Link-red?style=flat\u0026logo=Youtube\u0026logoColor=red)](https://youtu.be/avSJYaPSGzs)\n\n\n## License\n   [![Code-License](https://img.shields.io/badge/License%20-GNU%20--%20GPL%20v3.0-blue.svg)](https://www.gnu.org/licenses/gpl-3.0)\n   \n\n## Contact\n|||\n| - | - |\n| **Email** | [bhushanbsongire@gmail.com](mailto:bhushanbsongire@gmail.com) |\n| **LinkedIn** | [bhushan-songire](https://www.linkedin.com/in/bhushan-songire/) |\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbbs1412%2Fair-quality-updated","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbbs1412%2Fair-quality-updated","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbbs1412%2Fair-quality-updated/lists"}