Ready Play

Ready Play é um projeto que tenha planos futuros de se tornar uma plataforma para jogos! Enquanto isso, o site é basicamente um CRUD ou um site de Cadastro se preferir.

Diagrama 📉

Abaixo está um diagrama que resume o projeto atual:

Tecnologias usadas 💻

HTML : (https://developer.mozilla.org/pt-BR/docs/Web/HTML).
CSS : (https://developer.mozilla.org/pt-BR/docs/Web/CSS).
PHP 7.4 : (https://www.php.net/downloads).
Banco de Dados SQL : (http://localhost/phpmyadmin/).
XAMPP 7.4 : (https://sourceforge.net/projects/xampp/files/XAMPP%20Windows/7.4.33/xampp-windows-x64-7.4.33-0-VC15-installer.exe/download).

Requisitos 🧾

Para rodar o programa, você precisa seguir esses passos:

Baixar e instalar o XAMPP 7.4 (o link está acima nas Tecnologias usadas. Segue um vídeo ensinando com instalar o xampp (https://www.youtube.com/watch?v=R2HrwSQ6EPM)(Assista a partir do minuto 6:20)).
Baixe o projeto e extraia o mesmo dentro da pasta (C:\xampp\htdocs) para que o xampp consiga reconhecê-lo e o mesmo funcionar.
No PHPMyAdmin (localhost/phpmyadmin) importar o arquivo SQL:
- No PHPMyAdmin (http://localhost/phpmyadmin/), crie um novo banco de dados chamado "readyplay", clicando em "novo" e depois em "criar":
- Logo em seguida, clique em "importar" e escolha o arquivo que veio com o programa... o "createdb.sql".
- E finalize clicando em "importar" no final da rolagem da página. Após isso, seu banco de dados com a tabela correta será criada e você não precisará mais se preocupar com o banco de dados.

Instalação e Execução do Programa (Como funciona o programa como Cadastro / CRUD) ⬇️✅

Para executar o programa, você precisa abrir no seu navegador, o endereço "localhost/" e escolher a pasta do projeto, dessa forma irá abrir na página de Cadastro, que por enquanto, é a pagina index do programa (ou pagina inicial se preferir):

E então, o que se pode fazer no programa atual? (Será seguida as etapas do CRUD(Create, Read, Update, Delete) :

CADASTRO (CREATE):

Nossa página principal atualmente é o Cadastro. Nele, é preciso que você preencha todas as informações corretamente, para que não aconteça nenhum infortúnio:

Após tudo preenchido corretamente, basta clicar em "Enviar" para ser cadastrado com sucesso! :

Com isso, você será reedirecionado para a próxima página, que nos leva para a nossa próxima etapa.
LISTAGEM (READ):

Nesta página, você consegue verificar todos os usuários cadastrados no nosso banco de dados. E, atráves dessa listagem de usuários, você consegue editar-los ou excluir-los:

Clicando em "editar", a página irá nos reedirecionar para uma página um tanto quanto familiar... mas, que sua intenção é totalmente diferente. Isso nos leva a nossa próxima etapa.
EDITAR USUÁRIOS (Update):

Perceba que essa página é bem parecida com a de Cadastro, entretanto, precisamos das informações do cadastro para poder editar-los. Afinal, como posso mudar algo sem lembrar o que já está cadastrado previamente? Então, após o usuário alterar o que deseja (Vou atribuir ao nome o número "9999"), basta clicar em "enviar" novamente:

OBS: As partes de "gênero" e a de "senha" precisam obrigatoriamente ser preenchidas novamente, pois ainda existe algumas falhas no programa.

Após clicar em "enviar", perceba que a página apenas atualizou e que qualquer alteração feita, aparentemente, não teve sucesso. Porém, isso é apenas mais uma falha no código.

Se você clicar em "Lista de Usuários" no canto esquerdo da página, vai ser levado para a página de listagem de usuários... E, então, perceberá que o nome foi alterado sim no banco de dados.

Agora que voltamos à página de listagem, podemos seguir à nossa última etapa. Clique em "Excluir" e veja a mágica!!!!
EXCLUIR USUÁRIOS (Delete):

Ué? a página atualizou e não tem mais nada na lista?

Acontece que o programa simplesmente deletou o usuário do banco de dados. E para excluir, não é preciso uma página, apenas um clique e está feito.

⚠️ Problemas ⚠️