🥣 App web/mobile de cardápio para restaurante que permite criar, atualizar e remover pratos, além de fazer pedidos 🍽️
- Sobre o projeto
- Funcionalidades
- Layout
- Como executar o projeto
- Tecnologias
- Como contribuir no projeto
- Autor
- Licença
🥣 O GoRestaurant é um app de cardápio para restaurante com interface para web que permite a criação, remoção e atualização de pratos de comida, e interface mobile que permite a realização de pedidos e escolha de pratos favoritos.
Projeto desenvolvido durante o bootcamp GoStack oferecido pela Rocketseat.
- Restaurantes podem utilizar a plataforma web para:
- Cadastrar novos pratos
- Editar pratos
- Listar os pratos
- Remover pratos
- Alterar a disponibilidade dos pratos
- Os usuários tem acesso ao app mobile, onde podem:
- Listar os pratos de comida e categorias
- Filtrar pratos de comida por busca ou por categorias
- Listar seus pratos favoritos
- Realizar um pedido
O layout da aplicação está disponível no Figma:
Este projeto é divido em duas partes:
- Frontend Web (pasta web)
- Frontend Mobile (pasta mobile)
💡 Tanto o Frontend Web quanto o Mobile utilizam uma fake API que roda na porta 3333
Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode.
# Clone este repositório
$ git clone [email protected]:lucasbarzan/gorestaurant.git
# Acesse a pasta do projeto no terminal/cmd
$ cd gorestaurant
# Vá para a pasta do frontend
$ cd web
# Instale as dependências
$ npm install
# Execute o script da fake API
$ npm run json-server server.json -p 3333
# O servidor inciará na porta:3333 - acesse http://localhost:3333
# Clone este repositório
$ git clone [email protected]:lucasbarzan/gorestaurant.git
# Acesse a pasta do projeto no seu terminal/cmd
$ cd gorestaurant
# Vá para a pasta do frontend
$ cd web
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run start
# A aplicação será aberta na porta:3000 - acesse http://localhost:3000
Siga as instruções deste link para configurar o ambiente de desenvolvimento mobile em React Native e poder rodar a aplicação na sua máquina.
As seguintes ferramentas foram usadas na construção do projeto:
Website (React + TypeScript)
Veja o arquivo package.json
Mobile (React Native + TypeScript)
- React Native Gesture Handler
- React Native Screens
- React Native Vector Icons
- React Native Safe Area Context
- Styled Components
- Axios
Veja o arquivo package.json
- Protótipo: Figma
- Editor: Visual Studio Code
- Teste de API: Insomnia
- Fontes: Poppins
- 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
Lucas Barzan
Este projeto esta sob a licença MIT.
Feito com ❤️ por Lucas Barzan 👋🏽 Entre em contato!