/coffee-delivery

Desafio 2 Trilha React Rocketseat 2022

Primary LanguageTypeScript

Sobre • Funcionalidades • Tecnologias Utilizadas • Como Executar • Deploy

Projeto

coffee-delivery.mov

Sobre

O Coffee Delivery é uma aplicação de encomenda de cafés. A aplicação conta com 3 telas, sendo a primeira uma tela de apresentação e de listagem dos cafés disponíveis. Na segunda tela, o usuário precisa preencher um formulário com seus dados de endereço e forma de pagamento e ao lado direito é possível visualizar os itens do carrinho, podendo alterar a quantidade ou remover o mesmo. Na terceira e última tela, é exibido uma confirmação do pedido e também os detalhes de entrega da compra.

Funcionalidades da Aplicação

  • Listagem de produtos (cafés) disponíveis para compra
  • Adicionar uma quantidade específicas de itens no carrinho
  • Aumentar ou remover a quantidade de itens no carrinho
  • Formulário para o usuário preencher o seu endereço
  • Exibir o total de itens no carrinho no Header
  • Exibir o valor total da soma de itens no carrinho multiplicados pelo valor

Tecnologias Utilizadas

Na construção do projeto foram utilizadas as seguintes ferramentas:

Website (React + TypeScript)

Como Executar

  • Pré-requisitos

    • É necessário possuir o Node.js instalado no computador
    • É necessário possuir o Git instalado e configurado no computador
    • Também, é preciso ter um gerenciador de pacotes seja o NPM ou Yarn.

Executando a Aplicação:

  # Clone este repositório
  $ git clone git@github.com:fabiomoura-m/coffee-delivery.git 
  # Acesse a pasta do projeto em seu terminal
  $ cd coffee-delivery
  # Instalando as dependências do projeto.
  $ npm install
  # Inicie a aplicação web
  $ npm run dev

Deploy

🚀 coffee-delivery