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

Coffee shop web app using React, TypeScript, Zod, Radix, Styled Components and Vite!
https://github.com/julialealt/coffee-delivery

radix-ui react reactjs styled-components typescript vite zod

Last synced: 18 days ago
JSON representation

Coffee shop web app using React, TypeScript, Zod, Radix, Styled Components and Vite!

• Host: GitHub
• URL: https://github.com/julialealt/coffee-delivery
• Owner: julialealt
• Created: 2024-10-27T15:17:15.000Z (22 days ago)
• Default Branch: main
• Last Pushed: 2024-10-27T16:20:15.000Z (22 days ago)
• Last Synced: 2024-10-27T19:17:27.288Z (22 days ago)
• Topics: radix-ui, react, reactjs, styled-components, typescript, vite, zod
• Language: TypeScript
• Homepage:
• Size: 758 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Coffee Delivery

![coffeedelivery1](https://github.com/user-attachments/assets/b9234445-b09d-4603-97b4-79f3193a7a04)

![coffeedelivery2](https://github.com/user-attachments/assets/7f2f2e90-de43-42f0-8932-9764e496ea04)

![coffeedelivery4](https://github.com/user-attachments/assets/d402d764-4b38-4d82-8db2-db7a1c1071d9)

![coffeedelivery5](https://github.com/user-attachments/assets/c09b59c1-4d54-4d4f-a033-49fe252e969b)

## Technologies

- React

- Typescript

- React Hook Form

- Zod

- Radix

- Styled Components

- Phosphor Icons

- Vite

## Functionalities

- List of products (coffees) available for purchase

- Add a specific quantity of items to the cart

- Increase or remove the number of items in the cart

- Form to fill in user address and payment type

- Display the total number of items in the cart in the Header

- Display the total value of the sum of items in the cart multiplied by the value

## Running locally

Clone the project

```bash

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

```

Enter the project directory

```bash

  cd coffee-delivery

```

Install the dependencies

```bash

  pnpm i

```

Start the app

```bash

  pnpm run dev

```