LOGIN DARK

👨‍🏫FORMULARIO DE CADASTRO E LOGIN COM TEMA CLARO E ESCURO EM HTML, CSS, JS, PHP E MARIADB.

DESCRIÇÃO:

Este aplicativo web oferece funcionalidades de cadastro e login para os usuários. Também possui a funcionalidade de alternar entre modo escuro e claro.

1. Cadastro de Usuários:

   • Os usuários podem se cadastrar fornecendo seu e-mail e senha.
   • Após preencher os campos necessários, o usuário pode clicar no botão "CADASTRAR" para criar sua conta.

2. Login de Usuários:

   • Usuários registrados podem fazer login fornecendo seu e-mail e senha.
   • Após preencher os campos necessários, o usuário pode clicar no botão "LOGIN" para acessar sua conta.

3. Tema Escuro e Claro:

   • Ícones do Font Awesome representam o modo atual (lua para escuro e sol para claro).

EXECUTANDO O PROJETO:

1. Configuração do Banco de Dados:

   • Antes de executar o site, é necessário importar o arquivo DATABASE.sql.

2. Configuração do PHP:

   • Abra o arquivo ./CODIGO/CODIGO.php e ajuste as configurações do banco de dados:

     $servidor = "localhost";
     $username = "seu_usuario";
     $usersenha = "sua_senha";
     $database = "registro";

3. Executando o Aplicativo com Apache:

   • Coloque os arquivos em um servidor web compatível com PHP (por exemplo, XAMPP, WAMP, LAMP).
   • Acesse o formulário no navegador visitando http://localhost/CODIGO/index.html.

4. Executando o Aplicativo com php.exe:

   • Alternativamente, você pode iniciar o servidor diretamente no diretório ./CODIGO com o comando abaixo:

   php -S localhost:8080

   • Em seguida, acesse o formulário no navegador através do endereço: http://localhost:8080/index.html.

5. Cadastro:

   • Preencha o campo "SEU EMAIL" com seu endereço de e-mail.
   • Digite uma senha no campo "SUA SENHA".
   • Clique no botão "CADASTRAR" para criar sua conta.

6. Login:

   • Insira o e-mail cadastrado no campo "SEU EMAIL".
   • Digite a senha associada à sua conta no campo "SUA SENHA".
   • Clique no botão "LOGIN" para acessar sua conta.

7. Mudando o Tema:

   • Clicando no ícone, o modo muda e a classe "dark" é adicionada/removida do formulário para alterar o estilo.

NÃO SABE?

• Entendemos que para manipular arquivos em HTML, CSS e outras linguagens relacionadas, é necessário possuir conhecimento nessas áreas. Para auxiliar nesse aprendizado, oferecemos cursos gratuitos disponíveis:

• CURSO DE HTML E CSS
• CURSO DE JAVASCRIPT
• CURSO DE PHP
• CURSO DE MARIADB
• CONFIRA MAIS CURSOS

CREDITOS:

• PROJETO CRIADO PELO VILHALVA
• PROJETO BASEADO NO "CADASTRO E LOGIN COM PHP"
• A INTERFACE DO FORMULÁRIO FOI BASEADO NO "FORMULARIO DARK"