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

A simple fake coffee delivery application
https://github.com/Sn0wye/coffee-delivery

eslint react react-hook-form react-hot-toast styled-components typescript vite wouter zod zustand

Last synced: 26 days ago
JSON representation

A simple fake coffee delivery application

• Host: GitHub
• URL: https://github.com/Sn0wye/coffee-delivery
• Owner: Sn0wye
• License: mit
• Created: 2022-09-11T17:34:53.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2022-10-10T12:22:46.000Z (about 2 years ago)
• Last Synced: 2024-07-30T21:09:40.221Z (4 months ago)
• Topics: eslint, react, react-hook-form, react-hot-toast, styled-components, typescript, vite, wouter, zod, zustand
• Language: TypeScript
• Homepage: https://coffee-delivery-pied.vercel.app/
• Size: 1.06 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Coffee Delivery

# [Link da aplicação](https://coffee-delivery-pied.vercel.app/)

# Sobre o desafio

Nesse desafio, foi desenvolvida uma aplicação para gerenciar um carrinho de compras de uma cafeteria fictícia, que contém as seguintes funcionalidades:

- Listagem de produtos (cafés) disponíveis para compra

- Adicionar uma quantidade específicas de itens no carrinho

- Aumentar ou remover a quantidade de itens no carrinho

- Formulário para o usuário preencher o seu endereço

- Exibir o total de itens no carrinho no Header

- Exibir o valor total da soma de itens no carrinho multiplicados pelo valor

# Tecnologias Utilizadas

- [Zustand](https://docs.pmnd.rs/zustand/recipes/recipes) (gerenciamento de estado)

- [Styled Components](https://styled-components.com/) (estilização)

- [Eslint](https://eslint.org), [Prettier](https://prettier.io/) (linting)

- [React Hook Form](https://react-hook-form.com/) (formulários)

- [Zod](https://zod.dev) (validação de formulários)

- [React Hot Toast](https://react-hot-toast.com/) (toast)

- [Wouter](https://github.com/molefrog/wouter) (roteamento)

- [Vite](https://vitejs.dev)

- [ReactJS](https://reactjs.org/) e [Typescript](https://www.typescriptlang.org/).

# Como rodar o projeto

Este projeto usa `pnpm` como gerenciador de pacotes

| Script          | Descrição                                                             |

|-----------------|-----------------------------------------------------------------------|

| `pnpm dev`      | Roda o projeto localmente em [localhost:5173](https://localhost:5173) |

| `pnpm build`    | Builda o projeto para produção na pasta **/dist**                     |

| `pnpm preview`  | Roda o projeto buildado em [localhost:4173](https://localhost:4173)   |

| `pnpm lint`     | Faz a verificação de erros de linting                                 |

| `pnpm lint:fix` | Corrige os erros de linting                                           |

Feito com 💜  por [Sn0wye](https://github.com/Sn0wye).