coffe-delivery

Sobre o projeto

https://coffe-delivery-sandy.vercel.app/

Segundo desafio da trilha de ReactJS do Ignite.

Aplicação para gerenciar um carrinho de compras de uma cafeteria fictícia no estilo E-commerce. Layout disponibilizado no Figma Layout.

Requisitos

• 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
• (Extra) Conexão com api viacep para preenchimento automático do formulário
• (Extra) Responsividade ao projeto

Conceitos Utilizados no Desenvolvimento

• Estados
• Imutabilidade do estado
• Listas e chaves no ReactJS
• Propriedades
• Componentização
• Conexão com Api via Cep utilizando fetch (Extra)
• React Context
• React useEffect
• Styled Components
• Media queries para responsividade (Extra)

Layout

Tecnologias utilizadas

Front end

• ReactJS Com Typescript

Implantação em produção

• Front end web: Vercel

Como executar o projeto

Front end web

Pré-requisitos: npm / yarn

# clonar repositório
git clone https://github.com/TarcisioCarvalho/coffe-delivery

# entrar na pasta do projeto front end web
cd coffe-delivery

# instalar dependências
npm install

# executar o projeto
npm rum dev

Autor

Tarcísio José de Amorim Carvalho

https://www.linkedin.com/in/tarcisio-jose-de-amorim-carvalho