Coffee Delivery

Technologies • Getting Started • Collaborators • Contribute

Coffee Delivery E-commerce

🎨 Layout

💻 Technologies

• React
• Typescript
• Styled-components
• Hooks
• Context API

Principais Features

As principais features do projeto são:

• Hook useCart: Hook para adicionar, remover ou atualizar a quantidade de produtos no carrinho, com isso, podem ser acessada as informações na página de finalização da compra
• Hook usePayment: Hook utilizado para lidar com as informações de endereço e forma de pagamento na página Success.
• LocalStorage: no hook useCart foi implementado uma forma de salvar os itens do carrinho no localstorage
• JSON Server e consumo da API: Foi criada uma Fake API que é consumida usando a biblioteca Axios. A API é chamada na página Home, no componente ProductsContainer. Dessa forma, a API é consumida de forma mais performática dentro da HomePage.

🚀 Getting started

Prerequisites

Here are the prerequisites to run this project:

• NodeJS
• Git

Cloning

How to clone this project

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

Starting

How to start your project

cd project-name
npm install
npm run dev

How to start the api for the project

cd api
npm start

🤝 Collaborators

Nathan Baldez

📫 Contribute

Here you will explain how other developers can contribute to your project. For example, explaining how can create their branches, which patterns to follow and how to open an pull request

1. git clone https://github.com/nthbaldez/coffee-delivery.git
2. git checkout -b feature/NAME
3. Follow commit patterns
4. Open a Pull Request explaining the problem solved or feature made, if exists, append screenshot of visual modifications and wait for the review!

Documentations that might help

📝 How to create a Pull Request

💾 Commit pattern