https://github.com/pabloxt14/coffee-delivery
O Coffee Delivery nada mais é que um carrinho de compras de café, contendo página de opções e seleção de pedidos, página de finalização do pedido, e por fim uma página com as informações de entrega. Tudo nesta aplicação é salvo de forma local, ou seja, não está vendendo café de verdade hehe 😁
https://github.com/pabloxt14/coffee-delivery
immer react-hook-form reactjs typescript use-reducer vite
Last synced: about 1 month ago
JSON representation
O Coffee Delivery nada mais é que um carrinho de compras de café, contendo página de opções e seleção de pedidos, página de finalização do pedido, e por fim uma página com as informações de entrega. Tudo nesta aplicação é salvo de forma local, ou seja, não está vendendo café de verdade hehe 😁
- Host: GitHub
- URL: https://github.com/pabloxt14/coffee-delivery
- Owner: PabloXT14
- License: mit
- Created: 2022-09-03T01:02:59.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-10-24T22:40:37.000Z (over 1 year ago)
- Last Synced: 2025-01-27T13:09:36.456Z (3 months ago)
- Topics: immer, react-hook-form, reactjs, typescript, use-reducer, vite
- Language: TypeScript
- Homepage: https://coffee-delivery-topaz.vercel.app
- Size: 29.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Coffee Delivery
🚀 Aplicação finalizada 🚀
About |
Deploy |
Layout |
How It Works |
Technologies |
Author |
License
## 💻 About
O Coffee Delivery nada mais é que um carrinho de compras de café, contendo página de opções e seleção de pedidos, página de finalização do pedido, e por fim uma página com as informações de entrega. Tudo nesta aplicação é salvo de forma local, ou seja, não está vendendo café de verdade hehe 😁.
**Objetivos**: os principais objetivos desta aplicação foram treinar a utilização das seguintes ferramentas/tecnologias:
- Utilização de formulários com `React Hook Form`
- Validação de formulário com a biblioteca `Zod`
- Auteração de estados imutáveis de forma mutavel com a biblioteca `immer`
- Outros...
**Créditos**: está é uma aplicação foi desenvolvida como conclusão de um dos diversos desafios do treinamento Ignite da [Rocketseat](http://rocketseat.com.br/)
Caso goste do projeto marque a estrelinha⭐ e compartilhe para me ajudar 👍, e me siga para ver outros projetos meus.
---
## 🔗 Deploy
O deploy da aplicação pode ser acessada através da seguinte URL base: https://coffee-delivery-topaz.vercel.app/
---
## 🎨 Layout
Você pode visualizar o layout do projeto através [desse link](https://www.figma.com/file/5yT9ZzZmRQRS4yivGGB3pl/Coffee-Delivery/duplicate). É necessário ter conta no [Figma](https://www.figma.com/) para acessá-lo.
Veja uma demonstração visual das principais telas da aplicação:
### FullScreen
### Mobile
---
## 🚀 How it works
### Pré-requisitos
Antes de baixar o projeto você vai precisar ter instalado na sua máquina as seguintes ferramentas:
* [Git](https://git-scm.com)
* [NodeJS](https://nodejs.org/en/)
* [Yarn](https://yarnpkg.com/) ou [NPM](https://www.npmjs.com/)
Além disto é bom ter um editor para trabalhar com o código como [VSCode](https://code.visualstudio.com/)
### Clonando e Executando
Passo a passo para clonar e executar a aplicação na sua máquina:
```bash
# Clone este repositório
$ git clone [email protected]:pabloxt14/Coffee-Delivery.git
# Acesse a pasta do projeto no terminal
$ cd Coffee-Delivery
# Instale as dependências
$ npm install
# Execute a aplicação em modo de desenvolvimento
$ npm run dev
# A aplicação inciará em alguma porta disponível que poderá ser acessada pelo navegador
```
---
## 🛠 Technologies
As seguintes principais ferramentas foram usadas na construção do projeto:
- **[Vite](https://vitejs.dev/)**
- **[ReactJS](https://reactjs.org/)**
- **[TypeScript](https://www.typescriptlang.org/)**
- **[Styled Components](https://styled-components.com/docs)**
- **[Phosphor Icons](https://phosphoricons.com/)**
- **[React Hook Form](https://react-hook-form.com/)**
- **[Zod](https://github.com/colinhacks/zod)**
- **[React Router](https://reactrouter.com/en/v6.3.0/getting-started/overview)**
- **[Immer](https://github.com/immerjs/immer)**
- **[Polished](https://polished.js.org/)**
> Para mais detalhes das dependências gerais da aplicação veja o arquivo [package.json](./package.json)
---
## ✍ Author
[](https://www.linkedin.com/in/pabloalan/)
[](mailto:[email protected])
---
## 📝 License
Este projeto está sob a licença MIT. Consulte o arquivo [LICENSE](./LICENSE) para mais informações
Feito com 💜 por Pablo Alan 👋🏽 [Entre em contato!](https://www.linkedin.com/in/pabloalan/)