☕️ Coffee Delivery

Discover eco-friendly coffees, try new flavours, join the movement!. One cup at a time

#### 🚧 Coffee Delivery ☕️ Concluído 🚀 🚧

About • Features • Layout • How it works • Tech Stack • Contributors • Author • License

About

The application facilitates the management of a fictional café's shopping cart, providing users with options to browse available coffee products, add or remove quantities, input their address details, and conveniently view the total sum of items in the cart.

---

Features

• List of products (coffees) available for purchase
• Add a specific quantity of items to the cart
• Increase or remove the quantity of items in the cart
• Form for the user to fill in their address
• Display the total number of items in the cart in the Header
• Display the total value of the sum of items in the cart.

---

Layout

The application layout is available on Figma:

---

How it works

This project is divided into two parts:

1. Backend/Server Logic (packages folder)
2. Frontend (apps folder)

The project is built using Turborepo, meaning, its a monorepo with all necessary features to run the app inside one repository.

The architecture consists of all server logic, and backend queries, stored in a separate package (drizzle) and the NextJs (frontend) project on apps/web.

Pre-requisites

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

Running the project

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

# Access the project folder cmd/terminal
$ cd coffee-shop-delivery

# install the dependencies
$ bun install

# Run the application in development mode
$ bun dev

# The server will start at port: 3000 - go to http://localhost:3000

---

Tech Stack

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

Project (NextJS + TypeScript)

• Turborepo
• Drizzle ORM
• TRPC
• Zod
• Shadcn-UI
• TailwindCSS v4.0.0
• Zustand

See the file package.json

Utils

• Prototype: Figma → Coffee Delivery
• Editor: Visual Studio Code
• Markdown: StackEdit, Markdown Emoji
• Commit Conventional: Commitlint
• API Test: Insomnia
• Icons: Phosphor Icons, Radix icons
• Fonts: Roboto, Baloo2

Author

_{Fernando Rodrigues}

---

License

This project is under the license MIT. (Https://www.linkedin.com/in/fernandortec/)