https://github.com/jsamuelap/react-mqtt

Página web para controlar un carrito a través de MQTT
https://github.com/jsamuelap/react-mqtt

emqx esp32 esp32-cam internet-of-things iot mqtt react sistemas-programables vite

Last synced: 3 days ago
JSON representation

Página web para controlar un carrito a través de MQTT

• Host: GitHub
• URL: https://github.com/jsamuelap/react-mqtt
• Owner: JSamuelAP
• Created: 2023-11-22T00:21:04.000Z (12 months ago)
• Default Branch: master
• Last Pushed: 2023-12-05T01:30:09.000Z (12 months ago)
• Last Synced: 2023-12-05T03:22:29.762Z (12 months ago)
• Topics: emqx, esp32, esp32-cam, internet-of-things, iot, mqtt, react, sistemas-programables, vite
• Language: JavaScript
• Homepage:
• Size: 47.9 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Página web proyecto Sistemas Programables

Está página web forma parte del proyecto final de sistemas programables de la carrera de Ingeniería en Sistemas computacionales. Su función controlar el movimiento del carrito a traves del protocolo MQTT y recibir las fotos que toma la placa ESP32-Cam.

## Integrantes

- Aldana Pérez José Samuel

- Manrique Galván Omar Manuel

- Guerrero Durán César Antonio

## Cómo funciona

### Control de carrito

La página se conecta a un broker MQTT creado en [EMQX Cloud](https://www.emqx.com/en/cloud). Al presionar los botones se publican mensajes a los topics `Carrito/botones`, el cual está suscrito la placa ESP32 del carrito y dependiendo el mensaje recibido, actuan sus motores.

### Camara

El carrito incluye la placa ESP32-Cam que permite capturar fotografías y ofrecerlas mediante un servidor HTTP. Al presionar el botón de la página está hace una solicitud HTTP a la ip de la placa + `/imagen.jpg`, entonces la placa tomará la fotografía y la devolverá a la página.

### Funciones

- Avanzar

- Retroceder

- Girar a la izquierda

- Girar a la derecha

- Detenerse

- Tomar foto

### Paquetes utilizados

- [mqtt](https://www.npmjs.com/package/mqtt)