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