Telas de Login e Inscrição para o projeto de e-commerce

Olá, seja muito bem vindo(a), no artigo de hoje nós iremos construir a nossa tela de login e inscrição tanto de pessoas físicas para compra de produtos, quanto para lojas poderem se inscrever e publicar seus produtos. A parte de publicar os produtos ainda irei pensar em como fazer isso usando o javascript, apenas para teste, mas também seria interessante procurar estudar sobre banco de dados e ver a possibilidade de criar um simples apenas para testar o projeto.

Inicialmente criei dois novos arquivos HTML para o login e inscrição, sendo que o de login seria mais simples. Primeiro eu fui na tela principal do projeto e troquei o button de login por uma tag a, nada foi mudado no design, mas agora eu posso usar um href para linkar a tela de login mais fácil.

A estrutura do arquivo html seria apenas o main com um título h2 e um formulário para o usuário digital o seu e-mail e senha e validar os dados com um botão. O main ficou no meio da página, bem pequeno e em cor de fundo azul claro. Daí, construir a tela de inscrição seria apenas copiar o que foi feito aqui, mudando apenas alguns nomes e adicionando mais informações, lembrando de adicionar a linkagem para a página de inscrição antes do botão de entrar do login.

No formulário de inscrição eu pedi apenas nome, e-mail e senha para cadastro. Supondo que teríamos algo mais realista, quando o usuário completa-se a inscrição ele receberia um e-mail para seguir na completação do seu cadastro com mais informações e se quisesse adicionar uma loja ao projeto, ele teria um botão para isso no perfil assim que ele estivesse com todos os dados.

Com isso já obtemos nossas páginas de login e inscrição, deixando o nosso projeto visualmente apresentável. A missão agora é deixar que você pense e construa novas implementações para o seu projeto de forma a melhorar cada dia mais. Agora eu irei subir o projeto no github pages e adicionar ele ao meu portfólio, também irei desenvolver outras funcionalidades para serem implementadas em breve. Um abraço e até a próxima.

link do repositório: https://github.com/fransilva0/e-commerce-player-one 

Artigo original: https://francileudo-frontend.blogspot.com/2022/10/telas-de-login-e-inscricao-para-o.html