🧑‍🚀 Teste Tropa Digital

↪️ Rotas da aplicação

  • / - Login
  • /register - Cadastro
  • /dashboard - Dashboard

🔍 Oque está no projeto?

  1. resposividade
  2. validação de formulário
  3. gerenciamento de estados
  4. gerenciamento de rotas

Na parte de responsividade tive que fazer uma adaptação para monitores menores, na resolução de 1440x1024 (que estava na layout do figma) está muito semelhante ao solicitado

🛠 Tecnologias utilizadas e a motivação

  • React
  • Typescript - Tipagem
  • Next.js - Para gerenciamento de rotas, server side, otimização de imagem e fontes, facilitação do deploy
  • zod + React Hook Form - Criação de schemas, validação de formulários
  • zustand - Gerenciamento de estados
  • tailwind - Estilização e produtividade
  • tailwind-styled-components - Organização das classes (de estilo) e facilidade ao utilizar props de estilização
  • eslint + prettier - Indentação, padronização do código e detecção de erros