Skip to content

Neste projeto o usuário cria uma conta e cadastra dispositivos que poderão enviar dados para um Broker MQTT e receber comandos analógico/digital. A API então receberá os dados do Broker e salva no banco de dados.

Notifications You must be signed in to change notification settings

DougFSilva/MyIOT-frontend

Repository files navigation

Myiot - Gerenciamento e controle de dispositivos IOT

A idéia de desenvolver esse projeto era unir um pouco do conhecimento que tenho em eletroeletrônica com tudo que venho aprendendo sobre desenvolvimento de sistemas, praticando o que tenho estudado para conquistar minha tão sonhada transição de carreira.

🪧 Vitrine.Dev
✨ Nome Myiot - Gerenciamento e controle de dispositivos IOT
🏷️ Tecnologias java, spring-boot, spring-security, jwt, websocket, mosquitto, angular, typescript, html, css, docker, mongodb, c++
🚀 URL https://www.dougdeveloper.com/myiot/#/login (user: fulano@email.com, password: Fulano@123)
🔥 Desafio

Detalhes do projeto

Este projeto é um frontend desenvolvido em Angular com a finalidade de se comunicar com a API desenvolvida por mim com Spring (https://github.com/DougFSilva/MyIOT-backend). A aplicação possibilita a criação de uma conta de usuário, que deve ser aprovada por outro usuário de perfil admin. Criada a conta o usuário pode cadastrar dispositivos para medição, sinais discretos e sinais analógicos. Os dispositivos de medição publicam os valores medidos em um tópico MQTT específico, então a API recebe o valor pelo Broker MQTT, persiste no banco de dados e envia o valor via websocket para o frontend. Os dispositivos discretos recebem um valor de true ou false possibilitando ligar ou desligar um motor por exemplo. E os dispositivos analógicos recebem um valor que varia entre 0 e 255, permitindo controlar por exemplo a intensidade de iluminação de uma lâmpada. Mais detalhes do funcionamento da API em si veja em https://github.com/DougFSilva/MyIOT-backend.

Exemplo de tela de um dispositivos de medição tela de dispositivo de medição

Exemplo de tela de cadastro de um dispositivo de medição tela e cadastro de um dispositivo de medição

Exemplo de tela de um dispositivo discreto tela de dispositivo discreto

Exemplo de tela de um dispositivo analógico tela de dispositivo analógico

tela de dispositivo analógico

🚀 Começando

Para utilizar a aplicação em conjunto com a API de forma bem simples utilizando docker compose, siga as orientações em: https://github.com/DougFSilva/MyIOT-backend. Nesse repositório já tem um build desse frontend.

🛠️Construído com

  • Angular
  • Sockjs
  • Stompjs
  • html
  • css
  • docker

✒️ Autor

  • Douglas Ferreira da Silva

About

Neste projeto o usuário cria uma conta e cadastra dispositivos que poderão enviar dados para um Broker MQTT e receber comandos analógico/digital. A API então receberá os dados do Broker e salva no banco de dados.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published