Giter Site home page Giter Site logo

burgerapp's Introduction

🍔 BurgerApp 🍔

🔎 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.

Logo da Minha Empresa Logo da Minha Empresa Logo da Minha Empresa

Explicação

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.

Requisitos Funcionais

  • 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

Páginas

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.

Tecnologias Utilizadas

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.

  • Como usar?

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>

Contribuição

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.

🤝 Colaborador

Projeto desenvolvido por:

Foto do Rodrigo amaral Juca no github
Rodrigo Amaral Jucá
Foto do Perfil Rocketseat
Rocketseat

burgerapp's People

Contributors

gtamaral avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.