Fast-React-Pizza-Co. Tailwind Templates

Fast React Pizza Co.

App de um pizzaria, onde o cliente pode pedir pizzas e pedir para entregar em seu endereço usando geolocalização 😄🍕

React Fast React Pizza Co🍕

😁 Esse é um projeto de um app fictício de pedir pizzas de um restaurante, usei ele para praticar minhas habilidades em React com Redux e Tailwind. Todos os detalhes sobre estão descritos abaixo.

👉🏻 Você pode ver o projeto rodando clicando aqui.

🎯 Requisitos

  1. Aplicativo muito simples, onde os usuários podem fazer pedidos de uma ou mais pizzas de um menu;
  2. Não requer contas de usuário nem login: os usuários apenas inserem seus nomes antes de usar o aplicativo;
  3. O menu de pizzas pode mudar, então ele deve ser carregado de uma API;
  4. Os usuários podem adicionar várias pizzas a um carrinho antes de fazer o pedido;
  5. Fazer um pedido requer apenas o nome do usuário, número de telefone e endereço;
  6. Se possível, a localização de GPS também deve ser fornecida para facilitar a entrega;
  7. Os usuários podem marcar seu pedido como "prioridade" por um adicional de 20% do preço do carrinho;
  8. Os pedidos são feitos enviando uma solicitação POST com os dados do pedido (dados do usuário + pizzas selecionadas) para a API;
  9. Os pagamentos são feitos na entrega, portanto, não é necessário processamento de pagamento no aplicativo;
  10. Cada pedido receberá um ID exclusivo que deve ser exibido, para que o usuário possa consultar seu pedido com base no ID;
  11. Os usuários devem ser capazes de marcar seu pedido como "prioridade" mesmo depois de ter sido feito;

🛠 Funcionalidades + Páginas

Categoria das Funcionalidades Páginas Necessárias
User Homepage - /
Menu Pizza menu - /menu
Cart Carrinho - /cart
Order Fazer novo pedido - /order/new
Order Procurar um pedido - /order/:orderID

🛠 Gerenciamento de Estados Globais

UI Remotos
User - Fica salvo no APP Menu - É obtido da API
Cart - Fica salvo no APP Order - Buscados e enviados para API

🛠️ Tecnologias Utilizadas

  • React Router ( Rotas e Gerenciamento de Estados Remotos )
  • Tailwind CSS ( estilização )
  • Redux ( Gerenciamento de Estados da UI )

Top categories

Loading Svelte Themes