vinne7/dompixelcrud

DomPixel Challenge FrontEnd

Um desafio solicitado pela empresa DomPixel aonde um CRUD fullstack deve ser desenvolvido, este é o repositório para a parte frontEnd.

Ajustes e melhorias

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

💻 Pré-requisitos

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).

🚀 Instalando DomPixel CRUD

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.

☕ Usando DomPixel CRUD

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.