Add comprehensive technology stack documentation

[Copilot]

Documented all frontend and backend technologies used in the repository as requested.

Changes

• TECH_STACK.md - Complete breakdown of:

  • Backend: Flask 3.0.3, NumPy 2.1.1, Pandas 2.2.3, PySerial 3.5
  • Frontend: HTML5, CSS3, Vanilla JS (ES6+), Plotly.js 2.35.2 (CDN)
  • Hardware: Arduino + MQ-135 sensor (10 gas types)
  • Deployment: Vercel serverless with @vercel/python
  • Services: Formspree for form handling
  • API structure, data flow pipeline, algorithms (AQI thresholds, gas simulation)

• README.md - Added quick reference section linking to full documentation

Architecture Overview

[MQ-135 Sensor] → [Arduino] → [PySerial] → [Flask Backend]
                                                ↓
                                    [NumPy calculations + threading]
                                                ↓
                                    [JSON API @ /data endpoint]
                                                ↓
                                    [Frontend Fetch (1s interval)]
                                                ↓
                                    [Plotly.js real-time visualization]

Screenshot

The dashboard demonstrating the full stack integration:

Real-time features: Flask backend with NumPy-driven gas simulation, Plotly.js graphs updating every second, responsive CSS3 layout with gradient backgrounds and mobile-first table design.

Original prompt

Tell me what and all frontend backend stuffs used in this repi

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
air-quality-monitor	Ready	Preview	Comment	Dec 7, 2025 11:07am