Samuel-045 / Cadastro-Facil

Software que simula CRUD no cadastro de clientes

Home Page:https://cadastrofacil.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

Software que simula CRUD no cadastro de clientes

https://cadastrofacil.netlify.app/


Languages

Language:JavaScript 57.4%Language:CSS 21.9%Language:HTML 20.7%