Skip to content

Latest commit

 

History

History
126 lines (92 loc) · 4.81 KB

README.md

File metadata and controls

126 lines (92 loc) · 4.81 KB

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 as açÕes de READ e UPDATE é excluisiva dos administradores, que possuem seu cadastro já pré-realizado.

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

Link do projeto no Figma

▶️ 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 o botão da tela de dados irá ou não aparecer (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.


*Estas telas acima são de usuários comuns.




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




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


*Estas telas acima são de usuários com login de adminisrador.




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