Coder Social home page Coder Social logo

cadu-miranda / esp-32-basic-monitor Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 112 KB

ESP32 Basic Monitor - A very first approach to control ESP32 remotely.

HTML 11.50% JavaScript 36.32% CSS 26.27% C++ 25.91%
javascript esp32 arduino-framework html css iot

esp-32-basic-monitor's Introduction

ESP32 Basic Monitor (v.0.2.10.16)

  • PlatformIO VSCode extension is needed for this project to run.

A very first approach to control ESP-32 remotely

With this project, you can perform:

  • Digital Read / Write -> Light up an LED or read the state of a button;
  • Analog Read / PWM Output -> Read a potenciometer/trimpot value or mudule n LED pulse width;
  • Sensor Read (DHT11, BMP280, LDR and much more).

To run the ESP-32 code, open a new PlatformIO CLI in the microcontroller folder and type:

> pio run --target upload

To run the server, open a new terminal in the server folder and type:

> yarn && yarn start
  • Note that you should run two different VSCode instances (two different windows): one for the server and other for the webpage.

To run the Webpage and monitor/control your ESP-32, install the "Live Server" extension for VSCode, go to (frontend > src > index.html) and click the "Go Live" button in the bottom right corner (A webpage should be opened in few seconds and it will access the ESP-32 Basic Monitor page).

Routes

ESP32 server output has two main routes - one for fast (up to 1s) requests and other for slow (more than 1s) requests.

  1. {esp32_ip}/slow_data_readings (For slow data readings)
  2. {esp32_ip}/fast_data_readings (For fast data readings)
  • MCU: ESP32 Dev Module

esp-32-basic-monitor's People

Contributors

cadu-miranda avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.