https://github.com/nmoumy/appli-temperature
Voici mon projet React qui affiche la température d'une pièce à l'aide d'un ESP32 et d'un SHT30 pour capturer la température.
https://github.com/nmoumy/appli-temperature
css esp32 firebase react sass sht30
Last synced: 3 months ago
JSON representation
Voici mon projet React qui affiche la température d'une pièce à l'aide d'un ESP32 et d'un SHT30 pour capturer la température.
- Host: GitHub
- URL: https://github.com/nmoumy/appli-temperature
- Owner: NMoumy
- Created: 2023-12-13T22:02:31.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-12-22T16:51:34.000Z (over 2 years ago)
- Last Synced: 2025-08-26T03:28:30.810Z (10 months ago)
- Topics: css, esp32, firebase, react, sass, sht30
- Language: JavaScript
- Homepage: https://appli-temperature.vercel.app
- Size: 3.52 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Température Local
L'application Température Local est une application React monopage qui affiche en temps réel la température et l'humidité provenant d'un capteur SHT30 connecté à un ESP32. Elle utilise Firebase pour stocker et récupérer les données de température. (Important il faut que le esp32 sois connecter pour voir les changements)
## Fonctionnalités
- Affiche la température actuelle en temps réel.
- Indique si la température est au-dessus, en dessous ou à la température ambiante.
- Affiche une icône différente en fonction de l'état de la température.
- Affiche un graphique avec les changements de température.
## Technologie utilisée
- React
- CSS/SCSS
- Firebase (Realtime Database)
## Configuration du Capteur
Le script Arduino inclus dans ce projet, situé dans mon dossier "arduino_code", utilise un capteur SHT30 connecté à un ESP32 pour mesurer la température et l'humidité. Les données sont ensuite envoyées à une base de données Firebase en temps réel.
```cpp
// Insérez votre configuration WiFi et Firebase ici
#define WIFI_SSID "..."
#define WIFI_PASSWORD "..."
#define API_KEY "..."
#define DATABASE_URL "..."
// Initialisation du capteur SHT30
SHT3x Sensor;
// Initialisation de Firebase
FirebaseData fbdo;
FirebaseAuth auth;
FirebaseConfig config;
```
## Crédits
Ce projet s'inspire du code de [Random Nerd Tutorials](https://randomnerdtutorials.com/) et de la vidéo de [Education is Life](https://www.youtube.com/watch?v=aO92B-K4TnQ).