cintiazago / gorestaurant-web Goto Github PK

Nesse desafio, foi desenvolvida uma aplicação, a GoRestaurant. Agora pratiquei o que aprendi até agora no React.js junto com TypeScript, praticando o conceito de CRUD (Create, Read, Update, Delete).

Essa será uma aplicação que irá se conectar a uma fake API, e exibir os pratos de comida criados e permitir a criação, remoção e atualização desses pratos.

• ReactJs
• TypeScript
• Polished
• Styled Components
• Axios

Para clonar e executar este aplicativo, você precisará de Git, NodeJs Instalado em seu computador.

# Clone este repositório
$ git clone https://github.com/cintiazago/GoRestaurant-Web

# Acesse a pasta do projeto no terminal/cmd
$ cd
GoRestaurant-Web

# Instale as dependências
$ yarn

# Execute a fake api
$ yarn json-server server.json -p 3333

# Execute a Aplicação
$ yarn start

# Execute o teste da Aplicação
$ yarn test

# O servidor inciará na porta:3000 - acesse http://localhost:3000

• Listar os pratos de comida da sua API: Sua página Dashboard deve ser capaz de exibir uma listagem, com o campo title, value, e description e available de todos os pratos de comida que estão cadastrados na sua API.

• Adicionar novos pratos de comida a sua API: Em sua página Dashboard você deve abrir um modal ao clicar no botão Novo Prato no Header. Esse modal deve ser responsável por cadastrar uma nova food passando os campos image, name, description, value.

• Editar pratos de comida da sua API: Em sua página Dashboard você deve abrir um modal ao clicar no botão Editar Prato. Esse modal deve ser responsável por editar uma food passando os campos image, name, description, value.

• Remover pratos de comida da sua API: Em sua página Dashboard você deve remover um prato de comida ao clicar no botão com ícone de lixeira no componente Food.

• Alterar disponibilidade dos pratos de comida da sua API: Em sua página Dashboard você deve alterar a disponibilidade de um prato de comida ao clicar no switch que é controlado pelo valor de available.

• Faça um fork do projeto;
• Crie uma nova branch com as suas alterações: git checkout -b my-feature
• Salve as alterações e crie uma mensagem de commit contando o que você fez:git commit -m "feature: My new feature"
• Envie as suas alterações: git push origin my-feature

Caso tenha alguma dúvida confira este guia de como contribuir no GitHub

Este projeto esta sobe a licença MIT. Veja a LICENÇA para saber mais.