Merge pull request #1 from PsyChonek/feature/Nuxt

Feature/nuxt

Author: PsyChonek

.DS_Store

@@ -1,3 +1,7 @@
 {
-    "compile-hero.disable-compile-files-on-did-save-code": true
+    "compile-hero.disable-compile-files-on-did-save-code": true,
+    "cSpell.words": [
+        "formkit",
+        "nuxtjs"
+    ]
 }

.vscode/settings.json

@@ -12,63 +12,62 @@
 #define DHTTYPE DHT11
 #define DHTPIN 13
 
-#define API_SERVER "http://localhost:9051"
+#define API_SERVER "http://192.168.0.110:9051"
 
 AsyncWebServer server(80);
 StaticJsonDocument<64> reading;
 StaticJsonDocument<64> status;
 
 DHT dht(DHTPIN, DHTTYPE);
 
-// Variable sensorID to store the sensor ID
-String sensorID;
+// Variable espID to store the sensor ID
+String espID;
 
 void connectToWifi();
 void setUpTime();
 
-String getValuesJSON(float temperature, float humidity, int timestamp);
+String getValuesJSON(float temperature, float humidity, int timestamp, String espID);
 
 String readReading();
 
 void sendReading(String value);
 void sendInfo();
 
-
 void setup()
 {
   Serial.begin(115200);
   dht.begin();
   connectToWifi();
   server.begin();
 
-  // Generate a random sensorID and store it in the SPIFFS file system if already exists read it
+  // Generate a random espID and store it in the SPIFFS file system if already exists read it
   if (!SPIFFS.begin(true))
   {
     Serial.println("An Error has occurred while mounting SPIFFS");
   }
   else
   {
-    File file = SPIFFS.open("/sensorID.txt", "r");
+    File file = SPIFFS.open("/espID.txt", "r");
     if (!file)
     {
       Serial.println("Failed to open file for reading");
 
-      file = SPIFFS.open("/sensorID.txt", "w");
+      file = SPIFFS.open("/espID.txt", "w");
       if (!file)
       {
         Serial.println("Failed to open file for writing");
       }
       else
       {
-        sensorID = String(random(1000, 9999));
-        Serial.println("Sensor ID: " + sensorID);
+        espID = String(random(1000, 9999));
+        Serial.println("Esp ID: " + espID);
 
-        file.print(sensorID);     
+        file.print(espID);     
       }
     }
 
-    sensorID = file.readString();
-    Serial.println("Sensor ID: " + sensorID);
+    espID = file.readString();
+    Serial.println("Esp ID: " + espID);
 
     file.close();
   }
@@ -94,24 +93,6 @@ void loop()
 
     sendReading(readReading());
   }
-
-  // if (millis() - wifiCooldown >= wifiInterval)
-  // {
-  //   wifiCooldown = millis();
-  //   if (WiFi.status() != WL_CONNECTED)
-  //   {
-  //     connectToWifi();
-  //   }
-  //   else
-  //   {
-  //     Serial.print("IP Address: ");
-  //     Serial.print(WiFi.localIP());
-  //     Serial.print(" Uptime: ");
-  //     Serial.println(millis() / 1000);
-
-  //     sendWifiStatusEvent();
-  //   }
-  // }
 }
 
 void connectToWifi()
@@ -131,15 +112,16 @@ void connectToWifi()
 
 String readReading()
 {
-  return getValuesJSON(dht.readTemperature(), dht.readHumidity(), time(&now), sensorID);
+  return getValuesJSON(dht.readTemperature(), dht.readHumidity(), time(&now), espID);
 }
 
 void sendInfo()
 {
-  status["sensorID"] = sensorID;
+  status["espID"] = espID;
+  status["ip"] = WiFi.localIP().toString();
 
   String values;
-  serializeJson(wifiStatus, values);
+  serializeJson(status, values);
 
   Serial.println("making POST request");
 
@@ -177,7 +159,7 @@ void sendReading(String value)
 }
 
 // Send values to web page
-String getValuesJSON(float temperature, float humidity, int timestamp = 0, String sensorID = "")
+String getValuesJSON(float temperature, float humidity, int timestamp = 0, String espID = "")
 {
   if (isnan(temperature) || isnan(humidity))
   {
@@ -189,7 +171,7 @@ String getValuesJSON(float temperature, float humidity, int timestamp = 0, Strin
   reading["temperature"] = temperature;
   reading["humidity"] = humidity;
   reading["timestamp"] = timestamp;
-  reading["sensorID"] = sensorID;
+  reading["espID"] = espID;
 
   String values;
   serializeJson(reading, values);

ESP/src/main.cpp

@@ -1,12 +1,33 @@
-# Readme
+# ClimateTracker
 
 ## Before you start
 
-This is not nice project, it is bloated and not well written. I am not proud of it, but it works.
+This project is a simple app for ESP to monitor humidity and temperature in the room. It is an HTML server with JavaScript, data is stored in MongoDB and can be downloaded. The website is responsive and can be used on mobile devices.
 
 ## Description
 
-This project is simple app for ESP to monitor humidity and temperature in the room. It is html server with javascript, data is stored in file and can be downloaded, website is responsive and can be used on mobile devices.
+ClimateTracker allows you to monitor humidity and temperature using an ESP device. The data is displayed on a responsive web interface and can be downloaded for further analysis.
+
+## Features
+
+- Real-time monitoring of temperature and humidity
+- Responsive web interface
+- Data storage and download capability
+- Customizable settings for data display
+- Support for multiple sensor types
+
+## Technologies Used
+
+- **PlatformIO**: An open-source ecosystem for IoT development.
+- **ESP32**: A low-cost, low-power system on a chip microcontroller.
+- **Vue.js**: A progressive JavaScript framework for building user interfaces.
+- **Nuxt.js**: A framework for creating Vue.js applications with server-side rendering.
+- **Chart.js**: A JavaScript library for creating charts.
+- **Vue Chart.js**: A wrapper for Chart.js in Vue.
+- **Tailwind CSS**: A utility-first CSS framework.
+- **Axios**: A promise-based HTTP client for the browser and Node.js.
+- **TypeScript**: A typed superset of JavaScript that compiles to plain JavaScript.
+- **MongoDB**: A NoSQL database for storing sensor data.
 
 ## How to use
 
@@ -19,21 +40,20 @@ This project is simple app for ESP to monitor humidity and temperature in the ro
 
 1. Clone this repository
 2. Install [PlatformIO](https://platformio.org/)
-3. Connect your ESP32 to computer
+3. Connect your ESP32 to your computer
 4. Open this project in PlatformIO
-5. Change `ssid` and `password` in `src/main.cpp` to your wifi credentials
+5. Change `ssid` and `password` in `src/main.cpp` to your WiFi credentials
 6. Change `sensorType` in `src/main.cpp` to your sensor type
-7. Upload project to ESP32
-8. Upload File System image to ESP32
-9. Reserve IP address for ESP32 in your router
-10. Set up local DNS to redirect `eps.local` to IP address of ESP32
-11. Open `eps.local` in your browser
-12. Enjoy
+7. Upload the project to ESP32
+8. Upload the File System image to ESP32
+9. Reserve an IP address for ESP32 in your router
+10. Set up local DNS to redirect `esp.local` to the IP address of ESP32
+11. Run `docker-compose up -d` to start MongoDB, Express, and Nuxt
+12. Open `esp.local` in your browser
+13. Enjoy
 
 ## Images
 
-![docs/Mobile.png](docs/Mobile.png)
-
 ## License
 
-This project is licensed under the MIT License - see the [LICENSE](LICENSE.txt) file for details.
+This project is licensed under the MIT License. See the [LICENSE](LICENSE.txt) file for details.

README.md

@@ -0,0 +1,5 @@
+.pio
+.vscode/.browse.c_cpp.db*
+.vscode/c_cpp_properties.json
+.vscode/launch.json
+.vscode/ipch

docs/Mobile.png

@@ -0,0 +1,39 @@
+
+This directory is intended for project header files.
+
+A header file is a file containing C declarations and macro definitions
+to be shared between several project source files. You request the use of a
+header file in your project source file (C, C++, etc) located in `src` folder
+by including it, with the C preprocessing directive `#include'.
+
+```src/main.c
+
+#include "header.h"
+
+int main (void)
+{
+ ...
+}
+```
+
+Including a header file produces the same results as copying the header file
+into each source file that needs it. Such copying would be time-consuming
+and error-prone. With a header file, the related declarations appear
+in only one place. If they need to be changed, they can be changed in one
+place, and programs that include the header file will automatically use the
+new version when next recompiled. The header file eliminates the labor of
+finding and changing all the copies as well as the risk that a failure to
+find one copy will result in inconsistencies within a program.
+
+In C, the usual convention is to give header files names that end with `.h'.
+It is most portable to use only letters, digits, dashes, and underscores in
+header file names, and at most one dot.
+
+Read more about using header files in official GCC documentation:
+
+* Include Syntax
+* Include Operation
+* Once-Only Headers
+* Computed Includes
+
+https://gcc.gnu.org/onlinedocs/cpp/Header-Files.html

docs/PC.png

@@ -0,0 +1,46 @@
+
+This directory is intended for project specific (private) libraries.
+PlatformIO will compile them to static libraries and link into executable file.
+
+The source code of each library should be placed in a an own separate directory
+("lib/your_library_name/[here are source files]").
+
+For example, see a structure of the following two libraries `Foo` and `Bar`:
+
+|--lib
+|  |
+|  |--Bar
+|  |  |--docs
+|  |  |--examples
+|  |  |--src
+|  |     |- Bar.c
+|  |     |- Bar.h
+|  |  |- library.json (optional, custom build options, etc) https://docs.platformio.org/page/librarymanager/config.html
+|  |
+|  |--Foo
+|  |  |- Foo.c
+|  |  |- Foo.h
+|  |
+|  |- README --> THIS FILE
+|
+|- platformio.ini
+|--src
+   |- main.c
+
+and a contents of `src/main.c`:
+```
+#include <Foo.h>
+#include <Bar.h>
+
+int main (void)
+{
+  ...
+}
+
+```
+
+PlatformIO Library Dependency Finder will find automatically dependent
+libraries scanning project source files.
+
+More information about PlatformIO Library Dependency Finder
+- https://docs.platformio.org/page/librarymanager/ldf.html

esp/.gitignore

@@ -0,0 +1,21 @@
+; PlatformIO Project Configuration File
+;
+;   Build options: build flags, source filter
+;   Upload options: custom upload port, speed and extra flags
+;   Library options: dependencies, extra library storages
+;   Advanced options: extra scripting
+;
+; Please visit documentation for the other options and examples
+; https://docs.platformio.org/page/projectconf.html
+
+[env:denky32]
+platform = espressif32
+board = denky32
+framework = arduino
+monitor_speed = 115200
+lib_deps = 
+	adafruit/DHT sensor library@^1.4.6
+	adafruit/Adafruit Unified Sensor@^1.1.14
+	esphome/ESPAsyncWebServer-esphome@^3.1.0
+	esphome/AsyncTCP-esphome@^2.0.1
+	bblanchon/ArduinoJson@^6.21.3