Skip to content

Samuel-045/Cadastro-Facil

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

57 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Cadastro Fácil

Descrição

Este software tem a finalidade de realizar cadastros de clientes de uma loja.

A realização do cadastro necessita de 7 dados, e a 4 destes serão exibidos na tela de dados, com a possibilidade de exclusão e alteração dos dados inseridos.
O endereço do cliente é Enviado de forma automática, pois o CEP inserido é usado para pegar o endereço pela API ViaCEP. A validade do CEP é verificada, e quando é inválida o cadastro não é realizado, retornando que o endereço não foi encontrado.
O cadastro é realizado através do CRUD. O software possui todas as ações, contudo a ação de READ é excluisiva dos administradores, que possuem seu cadastro já pré-realizado.

O software foi desenvolvido com a metodologia mobile first, e está toalmente responsivo.

▶️ Software em ação

Página inicial versão desktop.



Página inicial na versão mobile.


*Nas duas imagens acima, o pop-up de verificação está ativado.
A partir deste pop-up a opção de ver os dados irá aparecer ou continuar invisível (A possibilidade de ver os dados é restrita aos administradores).


Página index versão desktop sem nenhum pop-up ativado.



Página index versão mobile sem nenhum pop-up ativado.


Tela de dados versão desktop.


Tela de dados versão mobile.


*Estas telas são de acesso exclusivo para administradores.


Tela de elemento deletado versão desktop.

Tela de elemento deletado versão mobile.

*Estas telas tem acesso a partir da tela de dados, portanto seu acesso é exclusivo para administradores.

🔨 Funcionalidades

  • Funcionalidade 1 : Design responsivo usando o conceito mobile first.
  • Funcionalidade 2 : Pop-up de validação de usuário.
  • Funcionalidade 3 : Validação dos formulários com JS.
  • Funcionalidade 4 : Utilização da API ViaCEP.
  • Funcionalidade 5 : CRUD feito com localStorage.

Tecnologias e linguagens usadas