Sistema de Login - Syonet

Login com autenticação, requisição, criação de usuário e persistência. Desenvolvido com React.JS, Typescript e estilização em CSS in Js com styled-components

Linguagens e Tecnologias usadas ⬇

Projeto

Comentário sobre as etapas do projeto:

• O projeto possui 3 páginas:

• /home
• /signIn
• /users -> Essa última é privada só pode ser acessada logado. Alem disso a page /users mostra todos os usuários cadastrados no banco de dados em forma de um simples display com email e senha. A medida que algum usuário é cadastrado essa página se atualiza de acordo com o banco de dados.

• Usei regex para a validação de campo da senha para atender a todos os mínimos requisitos.
• Após o cadastrado o usuário é adicionado no banco de dados.
• Existe uma verificação com o login e senha compatível com o user existente no banco de dados.

Usei as seguintes tecnologias para o desenvolvimento:

• React.JS
  
  • Context
    
  • Hooks
    
• Typescript
  
• CSS in JS com styled-components
  
• axios para a comunicação com o meu banco de dados
  
• react-router-dom para a navegação
  
• json-server para simular um banco de dados em JSON dentro do meu projeto
  
• React-icons para alguns icones
  
• uuid para criação de ids
• Criei um token em LocalStorage após o Login para o usuário continuar logado mesmo atualizando a página
  

São dois comandos para iniciar o projeto: npm run dev & npm run backend

db.json pode ser visto em http://localhost:5000/users

Contato

Feito com ❤️ por C. Eduardo!
🛠 Front-end Developer.
📍 Fortaleza - Brasil