Projeto Full Stack

Descrição

Este projeto Full Stack consiste em um sistema web para realizar cadastros de clientes, produtos e pedidos, além disso, o sistema trata os dados com eficiência realizando a persistência desses dados de cadastro em um banco de dados relacional para realizar consultas e alterações posteriormente. O Front-End do sistema foi construído utilizando HTML, CSS e JS, realizamos também a comunicação e conexão com o Back-End utilizando PHP juntamente com o phpMyAdmin do Xampp.

Conteúdo

O sistema foi arquitetado utilizando o padrão mvc (model-view-controller) para organizar os arquivos relacionados a cliente, produto e pedido, juntamente com uma pasta static que mantém todos os arquivos estáticos organizados. Ademais, achei válido informar a estrutura das tabelas inserindo o código SQL, para que os usuários que utilizarão este repositório possam ter um ponto de partida para melhorar a implementação de store-procedures no código PHP.

Como usar

Front-End

Para testar o Front-End do sistema web não é necessário instalar absolutamente nada, baixe todos os arquivos do diretório src e execute o arquivo main.html.

Back-End

Para testar o Back-End do sistema web é necessário ter o ambiente de desenvolvimento PHP, XAMPP, instalado em sua máquina, para instalar é só seguir os seguintes passos:
- 1: Baixe o XAMPP no site oficial do Apache. Download
- 2: Execute o arquivo como administrador e instale o XAMPP em sua máquina.
- 3: Abra o painel de controle do xampp, XAMPP Control Panel.
- 4: No painel de controle terá diversas opções, observe que no canto esquerdo terá uma coluna chamada module, e outra coluna chamada actions mais para a direita, clique em start no módulo Apache e no módulo MySQL.
- 5: Você precisa copiar o diretório src no seguinte caminho, "C:\xampp\htdocs".
- 6: Em andamento...

Contribuições

Contribuições são sempre bem-vindas! Caso tenha encontrado algum problema ou tenha alguma sugestão de melhoria, sinta-se à vontade para abrir uma issue ou enviar um pull request.

Licença