ConnectLab2.0✨

Gerenciador de IOT feito em React desenvolvido por mim para ser avaliado ao fim do módulo frontend do curso devinhouse.

Tabela de Conteúdos

• Demonstração
• Tecnologias
• Features
• Aprendizados
• Configuração
• Licença

Demonstração

• Vídeo
• Site
  • No primeiro acesso é possível que demore um pouco o login devido ao backend

Tecnologias:

• React;
• Styled-components;
• Styled-icons;
• Axios;
• Hookform;
• Yup;
• Victory;
• React-helmet;
• Nuka-carousel;
• React-loading-skeleton;
• React-spinners;
• Styled-react-modal;
• Awesome-snackbar

Features

• Temas dark e light

• Validação de dados com yup e hookform;

• Loading com spining e skeleton-Loading

• Utilização de carrossel;

• Página com gráficos e estatisticas

• Painel Weather que altera seu background de acordo com o clima;

• Backend próprio do projeto com

  • Cadastramento;
  • Login;
  • Edição de perfil;
  • Listagem de devices do backend;
  • Adição e remoção de devices ao user;
  • Ativação e desligamento do device;

• APis externos:

  • ViaCep;
  • Weather API;

Aprendizados

Tudo nesse projeto foi difícil, em todas as partes haviam situações novas. Houve momentos de desespero tentando entender um erro e momentos de alegria quando os superei.

Aprendi a usar a documentação e fazer pesquisas na base da dor.

Saio desse projeto com a humildade de reconhecer que me falta muito, mas tb com a confiança que estou no caminho certo.

Configuração

1- Para instalar as dependências:

npm i

2- Para iniciar a aplicação:

npm run dev

---

Licença

MIT