An open API service indexing awesome lists of open source software.

https://github.com/bfukumori/coffee-delivery

A marketplace for coffee lovers!
https://github.com/bfukumori/coffee-delivery

ignite-rocketseat phosphoricons react react-router reacthookform styled-components vite

Last synced: 12 months ago
JSON representation

A marketplace for coffee lovers!

Awesome Lists containing this project

README

          


GitHub language count

Repository size


GitHub last commit


License

Stargazers


coffee-delivery


coffee-delivery


About
Features
How it works
Tech Stack
Author
License


coffee-delivery

## About

☕ coffee-delivery - Delivery app for delicious coffee.

Challenge project developed for the ReactJS Ignite Course from [Rocketseat](https://www.rocketseat.com.br/ignite). This project helped me a lot to learn and understand more deeply about React hooks and states.

---

## Features

- [x] Add item to cart
- [x] Increment/Decrement item in cart
- [x] Remove item from cart
- [x] Persist cart and order information using local storage

---

## How it works

### Pre-requisites

Before you begin, you will need to have the following tools installed on your machine:
[Git](https://git-scm.com), [Node.js](https://nodejs.org/en/).
In addition, it is good to have an editor to work with the code like [VSCode](https://code.visualstudio.com/)

#### Running the web application (Frontend)

```bash

# Clone this repository
$ git clone git@github.com:bfukumori/coffee-delivery.git

# Access the project folder in your terminal
$ cd coffee-delivery

# Install the dependencies
$ npm install

# Run the application in development mode
$ npm run dev

# The app will open on the port: 3000 - go to http://localhost:3000/

```

---

## Tech Stack

The following tools were used in the construction of the project:

#### **Website** ([React](https://reactjs.org/) + [TypeScript](https://www.typescriptlang.org/))

- **[PhosphorIcons](https://phosphoricons.com/)**
- **[Vite](https://vitejs.dev/)**
- **[React Router](https://v5.reactrouter.com/web/guides/quick-start)**
- **[Styled Components](https://styled-components.com/)**
- **[React Hook Form](https://react-hook-form.com/)**

---
## Author


Bruno Fukumori



Bruno Fukumori


[![Twitter Badge](https://img.shields.io/badge/-Twitter-1ca0f1?style=flat-square&labelColor=1ca0f1&logo=twitter&logoColor=white&link=https://twitter.com/hi_fukujp)](https://twitter.com/hi_fukujp) [![Linkedin Badge](https://img.shields.io/badge/-Linkedin-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/bfukumori/)](https://www.linkedin.com/in/bfukumori/)
[![Gmail Badge](https://img.shields.io/badge/-Gmail-c14438?style=flat-square&logo=Gmail&logoColor=white&link=mailto:brunofukumori@gmail.com)](mailto:brunofukumori@gmail.com)

---

## License

This project is under the license [MIT](./LICENSE).

---