/desafio-react

Primary LanguageTypeScript

imgur

Server Software | Desafio React



Requisitos:

Desenvolver uma solução para um restaurante que deseja ter um ambiente intuitivo listando os produtos vendidos e possibilidade de facil inserção dos mesmos no checkout, com um visual simples e moderno.

Dentre os requisitos, estão:

Requisitos do Backend:

-Desenvolver em Node.js ou PHP. -Utilizar um banco de dados (MySQL, Postgres ou MongoDB). -Criar uma tabela "produtos" com campos: código, descrição, preço e data de cadastro. -Implementar uma API RESTful com suporte para CRUD (inserção, atualização, consulta e exclusão) dos produtos.

Requisitos do Frontend:

-Desenvolver em HTML, CSS e JS ou ReactJS. -Acessar a API RESTful do backend para obter os dados dos produtos. -Exibir uma lista de produtos na tela com campos de código e descrição. -Cada item da lista deve ter ações de editar, excluir e ver detalhes, mostrando todos os campos do produto (código, descrição, preço, data de cadastro) ao clicar em detalhes.

💥 Demonstração:

imgur

🛠 Tecnologias:

As seguintes ferramentas foram usadas na construção do desafio:

  • Next.js
  • Javascript
  • Typescript
  • Tailwind
  • Axios
  • toastify
  • mongoose
  • MongoDB
  • express
  • Docker
  • NodeJS

📦 Testando a aplicação localmente:

# Abra um terminal e clone este repositório 
$ git clone https://github.com/Knziee/desafio-react.git
# Acesse a pasta do backend no seu terminal/cmd
$ cd backend
# Após instalar o docker, inicie o container
$ docker-compose up
# Recue uma pasta
$ cd ..
# Acesse a pasta do frontend
$ cd frontend
# Instale as dependencias
$ npm i
# Rode a aplicação
$ npm run dev