https://github.com/storres20/bio-data-nextjs
A real-time monitoring web application built with Next.js that displays temperature data using dynamic, auto-updating charts. Data is captured by a DS18B20 sensor connected to an ESP32 and sent to a backend server, where it's fetched and displayed on the frontend with interactive graphs.
https://github.com/storres20/bio-data-nextjs
arduino-ide dht22 ds18b20 esp32 magnetic-sensor mongodb-database netlify-deployment nextjs14 realtime tailwindcss
Last synced: 5 months ago
JSON representation
A real-time monitoring web application built with Next.js that displays temperature data using dynamic, auto-updating charts. Data is captured by a DS18B20 sensor connected to an ESP32 and sent to a backend server, where it's fetched and displayed on the frontend with interactive graphs.
- Host: GitHub
- URL: https://github.com/storres20/bio-data-nextjs
- Owner: storres20
- License: mit
- Created: 2024-08-12T19:23:16.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2026-01-13T05:04:18.000Z (5 months ago)
- Last Synced: 2026-01-13T08:33:44.810Z (5 months ago)
- Topics: arduino-ide, dht22, ds18b20, esp32, magnetic-sensor, mongodb-database, netlify-deployment, nextjs14, realtime, tailwindcss
- Language: JavaScript
- Homepage: https://bio-data-nextjs.netlify.app/
- Size: 2.47 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# MHUTEMP Frontend Application
## Version 2026 - ESP32
This is the frontend application of the **MHUTEMP** project, providing a real-time dashboard and historical data view for temperature and humidity monitoring.
## 🚀 Features
- Real-time data updates every 2 seconds using WebSocket.
- Historical data view with date-based filtering.
- Responsive web dashboard design.
- Visualisation of temperature and humidity charts.
## 🔧 Technologies Used
- Next.js (React.js framework)
- Chart.js or Recharts (for graph visualisation)
- WebSocket Client
- Axios (for API requests)
## 🛠️ Installation
1. Clone this repository:
```sh
git clone https://github.com/storres20/bio-data-nextjs.git
```
2. Install dependencies:
```sh
pnpm install
```
3. Create a `.env.local` file with the backend API URL:
NEXT_PUBLIC_API_URL=http://your-backend-server-url
4. Run the development server:
```sh
pnpm dev
```
## 📚 Related Repositories
- [MHUTEMP Backend Server (Node.js)](https://github.com/storres20/bio-data)
## 📜 License
This project is licensed under the MIT License.
See the [LICENSE](https://github.com/storres20/bio-data-nextjs/blob/main/LICENSE.txt) file for more details.
## Version 2025 - ESP8266
