O Coffee Delivery é um marketplace de cafés. O Frontend da aplicação foi desenvolvido com TypeScript e React.js

ezgif.com-gif-maker.3.mp4

Sobre Features Layout Tecnologias Requisitos Autor

Sobre

O Coffee Delivery é um marketplace de cafés. E café é muito bom, claro que, use com moderação!

Com o Coffee Delivery, você pode facilmente fazer um pedido com os cafés listados no catálogo. O aplicativo permite que você adicione cafés ao carinho, podendo especificar a quantidade de cada café.

Além disso, o Coffee Delivery conta com um checkout, onde o usuário visualiza o resumo do pedido e ainda pode alterar seu pedido direto dessa página.

Por fim, ele exibe a página de sucesso com o resumo do pedido que foi concluído com sucesso!


Features

  • Setup Vite
  • Cátalogo dos cafés.
  • Ajustar quantidade de cafés que deseja adicionar ao carinho.
  • Adicionar café no carinho.
  • Formulário do endereço.
  • Validação do formulário.
  • Ajustar pedido na página de checkout.
  • Página de sucesso do pedido.

🎨 Layout

O layout da aplicação está disponível no Figma:

Made by gregoryAlvim

Tecnologias

Tecnologias utilizadas no Frontend:


🚀 Como executar o projeto.

Este projeto é somente o Frontend!

Requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js.

🎲 Rodando a aplicação (Frontend)

# Clone este repositório
$ https://github.com/gregoryAlvim/frontend-CoffeeDelivery.git
# Acesse a pasta do projeto no terminal/cmd
$ cd + sua pasta + git clone https://github.com/gregoryAlvim/frontend-CoffeeDelivery.git
# Instale as dependências com:
$ npm install
# Rode a aplicação em modo de desenvolvimento:
$ npm run dev
# O servidor inciará na porta padrão - acesse o link que será exibido no terminal!

Autor

Mail

 

Made with 💙 by Grégory Alvim