Skip to content

Projeto desenvolvido em PhP, Javascript, HTML e CSS para recriar um site de Login e Cadastro, de usuários e clientes.

Notifications You must be signed in to change notification settings

Eduardo-Rios/projeto-login

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 

Repository files navigation

PHP Projeto Login-Cadastro

Pequeno site que possui, área de Login, Cadastro, Listagem de usuários e clientes com paginação e redefinição de senha.

Login

Na área de Login, deve-se digitar o endereço de e-mail e senha do usuário que já possui cadastro no banco de dados do site. Se o usuário tiver esquecido de sua senha, será necessário redefini-la. Acione o link "Esqueci minha senha". Caso seja o primeiro acesso, deverá ser acionado o link "Cadastre-se", que redirecionará o usuário a tela de cadastro.

Recuperação de Senha

Aqui, o usuário, previamente cadastrado, deverá inserir o e-mail ao qual usou para se cadastrar no sistema. Ao confirmar a redefinição de senha, um e-mail automático será enviado para o e-mail informado, contendo a nova senha que será usada para acessar o sistema.

Cadastro de Usuário

Na tela de cadastro, o novo usuário deverá preencher todos os campos com informações válidas:

  • Nome Completo
  • Endereço de E-mail
  • Senha
  • Gênero
  • Telefone
  • Estado
  • Cidade

Ao selecionar o Estado, serão carregadas todas as cidades do Estado selecionado. Se já possuir cadastro, o usuário poderá voltar a tela de Login ao acionar o link "Entrar" no rodapé do formulário.

Página Inicial (Lista de Clientes)

Ao ser autenticado, o usuário será redirecionado para a página inicial, onde se encontra uma tabela com os dados de todos os clientes salvos no banco de dados. É possível alternar entre tabelas, uma com os dados de clientes, e a outra com os dados dos usuários, para isso, é preciso pressionar ou o botão "Usuários" ou "Clientes", localizados no canto direito superior da tabela. Na mesma linha se encontra uma caixa "Buscar" com uma lupa ao lado. Atráves do uso do botão pesquisar, é possível filtrar informações da tabela com o conteúdo inserido na busca como:

  • Estado
  • Cidade
  • Nome
  • Situação
  • Origem

Encontra-se na coluna "Ações" dois icones. O icone "Azul", ao ser clicado, levará o usuário a página de "Editar Cliente". O icone "Vermelho", excluirá o cliente presente na linha. No rodapé da tabela, no canto esquerdo, temos o botão de "Logoff", que desconectará o usuário do sistema, levando o mesmo para a tela de "Login". Acima do "Logoff" temos um icone "Verde", que levará o usuário a tela de "Cadastrar Cliente". Já no canto inferior direito da tabela é possível visualizar a paginação, que ao interagir, fará a mudança das páginas para a visualização do restante do conteúdo, caso haja.

Cadastro de Cliente

Atráves do formulário contido nessa página, o usuário já autenticado, será possível adicionar dados de novos clientes ao banco de dados. Todos os campos deverão ser preenchidos de maneira correta:

  • Nome Completo
  • Endereço de E-mail
  • Documento (CNPJ)
  • Telefone
  • Origem (Poderá ser mais de uma)
  • Estado
  • Cidade
  • Observação (Não é obrigatório)

Ao selecionar o Estado, serão carregadas todas as cidades do Estado selecionado. No fim do formulário o usuário poderá retornar a página inicial "Clique aqui" ou, cadastrar um novo cliente, preenchendo novamente os campos.

Editar Cliente

Nesta página, o usuário poderá alterar os dados cadastrados dos clientes. Campos semelhantes ao do cadastro, com exceção ao campo "Situação", onde será possível ativar ou inativar um cliente.

Lista de Usuários

Possui as mesmas propriedades da "Lista de Clientes", nessa página, o usuário autenticado poderá acessar os dados de todos os usuários cadastrados no sistema. O icone "Vermelho", para deletar o usuário, o icone "Azul", para editar o usuário, e o icone "Verde", para cadastrar um novo usuário, também são encontrados em seus respectivos locais. Poderá alternar entre a listagem de clientes e usuários, e fazer pesquisas para aplicar filtros nos dados com os termos:

  • Estado
  • Cidade
  • Nome
  • Situação

Editar Usuário

O usuário autenticado poderá alterar os dados cadastrados dos usuários.

Considerações finais

O Projeto tem por finalidade colocar em prática estudos realizados em cima das linguagem Php, Javascript e HTML, para aperfeiçoar e desenvolver as habilidades necessárias para o Desenvolvedor Web.

About

Projeto desenvolvido em PhP, Javascript, HTML e CSS para recriar um site de Login e Cadastro, de usuários e clientes.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages