Skip to content

gkgiann/coffee-delivery

Repository files navigation

Coffee Delivery

Status do Projeto: Concluido ✔️

Tópicos

🔹 Descrição do projeto

🔹 Funcionalidades

🔹 Tecnologias utilizadas

🔹 Imagens da aplicação

🔹 Rodando o projeto

🔹 Colaboradores

📝 Descrição do projeto

Essa é uma aplicação que simula o gerenciamento de um carrinho de compras de uma cafeteria fictícia. Com esse projeto, foram praticados diversos conceitos do ReactJS, como:

  • Estados (State)
  • Contextos (ContextAPI)
  • LocalStorage
  • Imutabilidade de estado
  • Componentização
  • Propriedades

📚 Funcionalidades

✔️ Listagem de produtos (cafés) disponíveis para compra

✔️ 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

📷 Imagens da aplicação

Deploy da aplicação em https://coffee-gian.vercel.app

Home page com carrinho vazio Checkout page vazio Home page Checkout page Success page

🚀 Rodando o projeto

⚠️ Para rodar o projeto é necessário ter o NodeJS instalado na sua máquina.

1. Clone o repositório, executando o seguinte comando no terminal:

git clone https://github.com/gkgiann/coffee-delivery.git

2. Navegue até o diretório/pasta do projeto e execute os seguintes comandos:

npm install
npm run dev

3. Abra seu navegador e acesse a url que foi exposta ao executar o comando npm run dev. Muito provavelmente a aplicação estará rodando em http://localhost:3000

🤝 Colaboradores

Foto de Gian Lucas no GitHub
gkgiann

About

Essa é uma aplicação que simula o gerenciamento de um carrinho de compras de uma cafeteria fictícia. Com esse projeto, foram praticados diversos conceitos do ReactJS, como:

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors