About • Features • Layout • How it works • Tech Stack • Contributors • Author • License
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.
- 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.
The application layout is available on Figma:
This project is divided into two parts:
- Backend/Server Logic (packages folder)
- 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.
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/)
# Clone this repository
$ git clone [email protected]: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
The following tools were used in the construction of the project:
Project (NextJS + TypeScript)
See the file package.json
- 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
![Fernando Rodrigues](https://github.com/fernandortec.png)
Fernando Rodrigues
This project is under the license MIT. (Https://www.linkedin.com/in/fernandortec/)