https://github.com/gabriel-durr/lorawan-iot

Essa aplicação simula dispositivos LoraWan, voltadas ao monitoramento de sinais vitais em real time dos usuários. Essa é só uma das inúmeras possibilidades da IoT ⚡.
https://github.com/gabriel-durr/lorawan-iot

jest nodejs reactjs socket-io testing-library typescript

Last synced: 17 days ago
JSON representation

Essa aplicação simula dispositivos LoraWan, voltadas ao monitoramento de sinais vitais em real time dos usuários. Essa é só uma das inúmeras possibilidades da IoT ⚡.

• Host: GitHub
• URL: https://github.com/gabriel-durr/lorawan-iot
• Owner: gabriel-durr
• License: mit
• Created: 2022-11-20T10:50:20.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-05-05T08:10:10.000Z (over 1 year ago)
• Last Synced: 2024-11-07T22:17:54.464Z (2 months ago)
• Topics: jest, nodejs, reactjs, socket-io, testing-library, typescript
• Language: TypeScript
• Homepage:
• Size: 25.4 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
LoraWan IoT



 




           








        challenge |

        built with |

        application tests |

        author |

        Links |

        license 




 


⚡ O Desafio 


> 



 


Essa aplicação simula dispositivos LoraWan, voltadas ao monitoramento de sinais vitais em real time dos usuários. Essa é só uma das inúmeras possibilidades da IoT ⚡.

Este repositório contém dois projetos, Client front-end e Server api back-end WebSockets. No client criei um gerenciador de estado com context API, e um hook personalizado que pode ser utilizado em toda aplicação, contendo os seguintes dados:




-   isConnected : Estado que contem um Boolean que diz se a aplicação esta conectada com serviço websocket ou não.

-   nameCharts : Objeto no qual as props contém o nome dos tipos de dados que serão plotados nos gráficos.

-   watchlifeDevice, livesimpleDevice, healthyesDevice : Estados com a estrutura de três dispositivos já prontas da API, que são atualizadas a cada 10 segundos.

-   idSocket : Contém o ID do socket conectado.

-   error : Caso ocorra algum erro, conseguimos visualizar através dessa variável.


 


Através desses dados, criei as funcionalidades, animações e layout do Dashboard.





 🧪⚗️ Application Tests





Foram realizados testes unitários nos seguintes components:

[x] Header 


[x] Button Switcher 


[x] ColorMode Page 


[x] Change Connection Button





Para executar os testes: 



```bash

 yarn test

```





 🧙‍♂️ Built with

























        




 
 
 
 


> 
 Instalando o Projeto 



 


   
 Faça o clone do projeto e instale as dependências do Client e Server individualmente, ou basta executar os códigos abaixo: 



 


1- Irá realizar o clone e instalar as dependências do Server :

  


  

```bash

 git clone https://github.com/gabriel-durr/proiot-challenge.git && cd proiot-challenge/server && yarn

```

    





2- Após finalizar. Insira essa nova linha para instalar as dependências do Client:

```bash

 cd .. && cd client && yarn

```

    


 


3- Abra cada projeto (Client e Server), e enicie o server no terminal:

Client

```bash

 yarn start

```

   




Server

```bash

 yarn dev

```


 
 
 


Links 🔗






ApexCharts é uma biblioteca de gráficos moderna que ajuda... [Learn More](https://apexcharts.com/react-chart-demos/ "Clique para ser redirecionado!").

Socket.IO é uma biblioteca que permite baixa-latência, bidirecional e baseado em eventos de comunicação entre cliente e um servidor... [Learn More](https://socket.io/pt-br/docs/v4/ "Clique para ser redirecionado!")


 
 




  

      

      

        


      

      

  



        Made with 💜  by Gabriel Dürr 




 
 




        



> This project is licensed under the   [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](LICENSE)