https://github.com/pit1000/mrcoldguy

✨ This project demonstrates the capabilities of IoT (Internet of Things) 🌐, combining microcontrollers 🕹️ with web applications 💻, for practical uses of both front-end and back-end 🗄 technologies.
https://github.com/pit1000/mrcoldguy

bootstrap data-visualization esp8266 flask-backend html-css-javascript iot python3 sqlite-database wrekzeug

Last synced: 2 months ago
JSON representation

✨ This project demonstrates the capabilities of IoT (Internet of Things) 🌐, combining microcontrollers 🕹️ with web applications 💻, for practical uses of both front-end and back-end 🗄 technologies.

• Host: GitHub
• URL: https://github.com/pit1000/mrcoldguy
• Owner: Pit1000
• Created: 2024-03-14T16:26:48.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2025-10-24T10:15:56.000Z (6 months ago)
• Last Synced: 2025-10-24T12:22:55.719Z (6 months ago)
• Topics: bootstrap, data-visualization, esp8266, flask-backend, html-css-javascript, iot, python3, sqlite-database, wrekzeug
• Language: HTML
• Homepage:
• Size: 765 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# MrCOLDguy

---

> This project demonstrates the capabilities of IoT (Internet of Things), combining microcontrollers with web applications, for practical uses of both front-end and back-end technologies.

---

![MrCOLDguygif](https://github.com/user-attachments/assets/bd4db941-49f9-487b-bf76-91dc57ed4dac)

## PROJECT OVERVIEW 

A complete solution integrating an ESP8266 microcontroller with a Flask-based server.

1. **Data Collection:**  

   - The **ESP8266** microcontroller reads temperature and humidity from a **DHT22** sensor.

2. **Data Transmission:**  

   - Measurement data is sent in **JSON** format to the Flask server.

3. **Storage & Visualization:**  

   - The Flask application stores data in **SQLite3** and displays it via **chart.js** (for charts) and **DataTables** (for sortable and filterable tables).

## MOTIVATION

1. **Integration Demonstration**  

   Showcases the entire data flow – from sensor reading, through sending data to the server, to visual presentation.

2. **Education & Experimentation**  

   A practical example of combining hardware (sensor + microcontroller) with software (server, databases, front-end).

3. **Scalability Potential**  

   Thanks to the database configuration (including sensor names), the project can be expanded to handle multiple sensors and users (e.g., in smart home applications).

## IMPLEMENTATION

**Backend (Python/Flask):**

- **Python** – version 3.11 

- **Flask** – web framework  

- **Flask-Session** – server-side session management  

- **sqlite3** – database storing measurements and user info  

- **Additional Python libraries:**  

  - `datetime` – date and time operations  

  - `flash`, `jsonify`, `redirect`, `render_template`, `request`, `session` – Flask functions for notifications, JSON handling, redirects, templates, requests, and session handling  

  - `functools (wraps)` – decorators  

  - `werkzeug.security` – password hashing and verification

**Front-end & Data Visualization:**

- **HTML, CSS, JS** – essential building blocks of the user interface  

- **Bootstrap** – CSS framework for styling and responsiveness  

- **DataTables** – interactive tables with sorting and filtering  

- **chart.js** – charting library  

- **Jinja2** – template engine (Flask)

**Hardware & Microcontroller (C/C++):**

- **ESP8266** – microcontroller with built-in WiFi support  

- **DHT22** – temperature and humidity sensor  

- **DHT.h**, **ArduinoJson.h**, **ESP8266WiFi.h**, **ESP8266HTTPClient.h**