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 |
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 
Exemplo de tela de cadastro de um dispositivo de medição 
Exemplo de tela de um dispositivo discreto 
Exemplo de tela de um dispositivo analógico 
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.
- Angular
- Sockjs
- Stompjs
- html
- css
- docker
- Douglas Ferreira da Silva