SafeSign: Sistema de Autenticação e Registro de Usuários
SafeSign é um sistema seguro e eficiente de login e registro de usuários, projetado para oferecer uma experiência de autenticação simples e intuitiva. Este projeto demonstra minha habilidade no desenvolvimento de aplicações web modernas, utilizando React, JavaScript, CSS e Hooks, além de integração com APIs e manipulação de estado local e global.
Objetivo do Projeto
O SafeSign foi desenvolvido com o objetivo de fornecer uma solução de login e cadastro de usuários, utilizando práticas recomendadas para segurança e usabilidade.
O sistema permite:
• Login com e-mail e senha.
• Cadastro de novos usuários com validação de e-mail e senha.
• Persistência de login com a opção de lembrar o usuário, utilizando localStorage para armazenar dados de sessão.
• Validações de campos com feedback visual claro para o usuário.
Tecnologias Usadas
Este projeto foi desenvolvido utilizando as seguintes tecnologias:
• React: Biblioteca JavaScript para construção da interface de usuário interativa.
• JavaScript (ES6+): Para a lógica de funcionamento e manipulação de dados.
• CSS: Para o design e estilização responsiva do projeto.
• Hooks do React: Como useState, useEffect, e useLocalStorage para gerenciar estado e persistência de dados.
• Validação de formulário: Funções personalizadas para validar os campos de e-mail e senha.
Funcionalidades
1. Tela de Login e Cadastro: O sistema oferece uma interface para login de usuários existentes e para cadastro de novos usuários.
2. Validação de Formulário: E-mail e senha são validados de forma eficiente antes do envio.
3. Persistência de Dados: O sistema lembra o usuário utilizando o localStorage do navegador, permitindo que ele continue logado em futuras visitas.
4. Feedback Visual: Mensagens de erro e sucesso são apresentadas de forma clara e objetiva, proporcionando uma experiência amigável.
5. Responsividade: A interface é totalmente responsiva, proporcionando uma boa experiência em dispositivos móveis e desktops.
Demonstração
Você pode visualizar o projeto em funcionamento acessando o link de deploy: