Git Product home page Git Product logo

gopizza's Introduction

Logo

GoPizza, pizzas como você nunca viu!

GitHub top language GitHub last commit

SobregoPizzaInstalaçãoTecnologiasAutor

Sobre

O GoPizza é uma aplicação voltada para pizzarias que foi desenvolvida durante o bootCamp Ignite da RocketSeat na trilha de React Native. A ideia foi, além de fixar os conceitos básicos do React Native, integrar nosso app com os serviços do Firebase.

goPizza

O GoPizza é uma aplicação criada em React Native cujo objetivo é servir como plataforma de atendimento para pizzarias. A aplicação possui dois tipos de usuários, cada qual com suas funcionalidades distintas dentro do app, as quais veremos mais abaixo.

Para logar na aplicação, os usuários, independentemente do tipo, devem informar seu e-mail e senha de acesso para se autenticarem na aplicação, conforme tela abaixo:

Caso o usuário tenha esquecido a senha, basta digitar seu e-mail e clicar no link de Esqueci minha senha para que um e-mail seja enviado para que ele reset sua senha.

Vamos agora detalhar as telas e funcionalidades dos nossos dois tipos de usuários:

Usuário administrador

O usuário com perfil de administrador terá como responsabilidade cadastrar e remover pizzas conforme a disponibilidade dos sabores na pizzaria em que trabalha.

Ao logar na aplicação ele irá se deparar com a home, onde serão listadas as pizzas já disponíveis para os clientes, além disso terá a opção de buscar um sabor especifico ou ainda cadastrar um novo sabor no botão que está na parte inferior da tela, conforme imagem abaixo:

Ao clicar em uma das pizzas da lista será possível ver o cadastro completo dela ou realizar sua exclusão clicando no botão localizado no canto superior direito:

Caso o administrador desejar poderá realizar o cadastro de um novo sabor. Após clicar no botão de cadastro disponível na home, ele será direcionado para o formulário abaixo para preencher os dados da pizza:

E pronto, após informar os dados da nova pizza, ela já será disponibilizada para os clientes, fechando assim a lista de todas as ações possíveis para esse tipo de usuário.

Abaixo uma demonstração do aplicativo em funcionamento aonde é ilustrado a exclusão e cadastro de uma pizza:

Demonstração do app - Admin

Usuário atendente

O usuário com perfil de atendente terá como responsabilidade cadastrar os pedidos das mesas das pizzarias, informando para a sua equipe quais os sabores, tamanhos e quantidades cada cliente está solicitando.

Ao logar na aplicação ele irá se deparar com a home, onde serão listados os sabores de pizzas disponíveis para pedidos na aba Cardápio, conforme exemplificado abaixo:

Após o cliente escolher o sabor desejado, o atendente irá clicar sobre ele e a tela abaixo será exibida para que ele preencha qual será o tamanho, a quantidade e qual é o número da mesa do cliente:

Com os pedidos registrados, o atendente responsável será notificado assim que algum de seus pedidos ficar pronto. Assim que estiver pronto, basta ele clicar no pedido e confirmar quando ele for entregue. Cada etapa desse fluxo está representada nas seguintes telas respectivamente:

Pedido pronto Confirmação de entrega Pedido entregue

Abaixo uma demonstração do aplicativo em funcionamento aonde é ilustrado todas as etapas do pedido, da solicitação à entrega:

Demonstração do app - User

Instalação

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.

📱 Rodando o App

# Clone este repositório
$ git clone [email protected]:MrRioja/goPizza.git

# Acesse a pasta do projeto no terminal/cmd
$ cd goPizza

# Instale as dependências
$ npm install
# Caso prefira usar o Yarn execute o comando abaixo
$ yarn

# Execute a aplicação
$ yarn start

# Será aberto no terminal o menu do Expo onde poderá scanear o QR Code para executar o app diretamente no seu celular ou as opções de executar no emulador android ou iOS

Tecnologias

My Skills

Autor

Luiz Rioja

Backend Developer

LinkedIn GitHub Gmail WhatsApp Skype

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.