🔎 O BurgerApp é um aplicatibvo que fornece o cardápio de uma lanchonete e permite que o usuário realize o pedido à hamburgueria através do whatsapp.
![]() |
![]() |
![]() |
O projeto foi desenvolvido durante a trilha do NLW da Rocketseat sobre React Native. O intuito foi desenvolver algo que melhorasse a experiência de pedidos em hamburguerias. Com uma interface amigável, o aplicativo exibe o cardápio da lanchonete, permitindo que os usuários adicionem itens ao carrinho e enviem seus pedidos diretamente para a lanchonete em forma de mensagem. O objetivo é simplificar o processo de pedido, tornando-o mais rápido, eficiente e agradável para os usuários.
- Ilustração do cardápio
- Filtro do cardápio
- Visualizar carrinho
- Adição e remoção de itens ao carrinho
- Envio do pedido ao Whatsapp da hamburgueria
O "Burger App" inclui as seguintes telas e funcionalidades principais:
-
Home: Exibe todos os itens disponíveis na hamburgueria em formato de cards, permitindo aos usuários uma navegação fácil pelo cardápio.
-
Produto: Ao selecionar um item, os usuários são direcionados para a tela do produto específico, onde podem visualizar informações detalhadas, como ingredientes. Aqui, também é possível adicionar o item ao carrinho.
-
Carrinho: Mostra todos os itens adicionados ao carrinho pelo usuário. Inclui um input para que os usuários possam fornecer o endereço de entrega. Ao finalizar, o pedido é enviado como uma mensagem de texto para o WhatsApp da lanchonete, contendo os itens, quantidades e o endereço de entrega.
Este projeto foi desenvolvido utilizando:
-
React Native: Para a criação de uma experiência de usuário fluida e responsiva em dispositivos móveis.
-
Tailwind CSS: Para um design de interface elegante e adaptativo, facilitando a personalização do layout.
-
TypeScript: Para melhorar a segurança do código através da tipagem estática.
Antes de iniciar, você precisa ter Git
# Clone this project
$ git clone https://github.com/gtamaral/burgerapp.git)
# Access
$ cd burgerApp
# Install dependencies
$ yarn or npm install
# Run the project
$ yarn start or npm start
# The server will initialize in the <http://localhost:3000>
Sua contribuição é muito bem-vinda! Se deseja contribuir, siga estes passos:
- Faça um fork do repositório.
- Crie uma branch para sua funcionalidade (
git checkout -b minha-nova-funcionalidade
). - Commit suas alterações (
git commit -am 'Adiciona uma nova funcionalidade'
). - Push para a branch (
git push origin minha-nova-funcionalidade
). - Abra um Pull Request.
Projeto desenvolvido por:
![]() Rodrigo Amaral Jucá |
![]() Rocketseat |