Foi desenvolvido o front-end de uma aplicação de um restaurante, a GoRestaurant, utilizando uma fake API, criada usando o JSON Server, para simular os dados a serem consumidos e exibir os pratos de comida existentes e permitir a criação de novos pratos e remoção e atualização dos já cadastrados.

Funcionalidades   |    Configurações necessárias   |    Clonando o repositório   |    Iniciando a aplicação   |    Tecnologias | Ferramentas | Recursos   |    Licença

Durante as aulas do RocketSeat GoStack Bootcamp foram aprendidos conteúdos relacionados a React.js junto ao TypeScript. Para treinar o que foi aprendido até o momento foi desenvolvido o front-end de uma aplicação para praticar o conceito de CRUD (Create, Read, Update e Delete).

Funcionalidades

• Listar os pratos de comida da fake API;
• Adicionar novos pratos de comida;
• Editar pratos de comida já existentes;
• Remover pratos de comida existentes;
• Alterar a disponibilidade dos pratos de comida.

✔️ Configurações necessárias

Seguem as configurações neessárias para visualizar a aplicação em sua máquina.

• Git;
• Node;
• Yarn.

🔽 Clonando o repositório

1. Pelo terminal, acesse o diretório em que deseja ter o repositório clonado e execute o comando a seguir.

# clonando o repositório
git clone https://github.com/belapferreira/go-restaurant-web

🔰 Iniciando a aplicação

1. Pelo terminal, acesse a pasta do repositório clonado e execute os comandos abaixo.

# instalando as dependências
yarn install

# iniciando a fake API
yarn json-server server.json -p 3333

🔍 Realizando os testes

1. Foi usado um template que contém testes para orientar o que esperava-se dos blocos de códigos a serem programados;
2. Para verificar se qualquer alteração realizada atende aos requisitos solicitados, acesse o terminal e execute o seguinte comando:

# testando atendimento aos requisitos
yarn test

🔧 Tecnologias | Ferramentas | Recursos

Esse projeto foi desenvolvido utilizando os seguintes recursos:

-  Axios; -  Editor Config; -  Eslint; -  Jest; -  Jest Environment JSDom Sixteen; -  Json Server; -  Prettier; -  React; -  React App Rewired; -  React DOM; -  React Icons; -  React Modal; -  React Router Dom; -  React Scripts; -  Styled Components; -  TypeScript. -  Yup.

📝 License

Esse projeto está sob MIT license. Veja LICENSE para mais informações.

---

Feito por Bela Ferreira 💙 Contato: https://www.linkedin.com/in/belapferreira 😊