Um desafio solicitado pela empresa DomPixel aonde um CRUD fullstack deve ser desenvolvido, este é o repositório para a parte frontEnd.
O projeto foi desenvolvido com prazo de 24 horas, separado em tarefas que, no frontEnd, foram:
- Homepage com requisição GET da API
- Página de adicionar produto com requisição POST da API
- Página de editar produto com requisição post da API
- Modal de excluir produto
- Responsividade
Antes de começar, verifique se você atendeu aos seguintes requisitos:
- Você instalou a versão mais recente do javascript e possui o Visual Studio Code ou outro editor de texto instalado em sua máquina, com algum gerenciador de pacotes, npm é recomendado, já que foi o utilizado para este projeto, na parte do front, (no backEnd foi-se utilizado o yarn devido a problemas com latência).
Para instalar o DomPixel CRUD, siga estas etapas:
1 - faça o download do repositório para sua máquina, extraia-o para uma pasta adequadamente e utilize o terminal para instalar os pacotes e dependências do projeto utilizando o comando npm install
2 - rode o projeto utilizando o comando: npm run dev para hostear o projeto localmente.
Para usar DomPixel Crud, siga estas etapas:
1 - Digite em sua barra de pesquisa o link e porta que seu projeto está hospedado localmente, após claro, rodar o servidor backEnd para conexão com o banco de dados mysql, fazendo com que as requisições funcionem, etc.
2 - Por enquanto, apenas foi-se desenvolvido apenas uma funcionalidade do site, que é a de adicionar produtos, utilize dos campos de input para adicionar um produto no banco de dados e volte para a página home, através da barra de pesquisa ou botão para verificar se seu produto foi adicionado.