https://github.com/pejamp/coffee-delivery-ignite-challenge
Challenge React
https://github.com/pejamp/coffee-delivery-ignite-challenge
react react-hook-form react-router-dom styled-components typescript vite zod
Last synced: about 2 months ago
JSON representation
Challenge React
- Host: GitHub
- URL: https://github.com/pejamp/coffee-delivery-ignite-challenge
- Owner: pejamp
- Created: 2023-12-14T22:29:32.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-24T07:05:06.000Z (over 1 year ago)
- Last Synced: 2025-02-11T21:12:19.160Z (3 months ago)
- Topics: react, react-hook-form, react-router-dom, styled-components, typescript, vite, zod
- Language: TypeScript
- Homepage: https://coffee-delivery-ignite-challenge.vercel.app
- Size: 3 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Challenge React
# Coffee Delivery 
Coffee Delivery é 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ífica 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
Nesse desafio busco reforçar meus conhecimentos sobre os conceitos mais importantes do ReactJS.
- Estados
- ContextAPI
- LocalStorage
- Imutabilidade do estado
- Listas e chaves no ReactJS
- Propriedades
- Componentização
## 🛠️ Tecnologias
Esse projeto foi desenvolvido com as seguintes tecnologias:
- [Vite](https://vitejs.dev/)
- [TypeScript](https://www.typescriptlang.org/)
- [styled-components](https://styled-components.com/)
- [react-router-dom](https://reactrouter.com/en/main)
- [phosphor-icons](https://phosphoricons.com/)
- [react-hook-form](https://react-hook-form.com/)
- [@hookform/resolvers](https://www.npmjs.com/package/@hookform/resolvers)
- [zod](https://zod.dev/)
## 🚀 Como executar
Clone o projeto e acesse a pasta do mesmo.
```bash
$ git clone https://github.com/pejamp/coffee-delivery-ignite-challenge
$ cd coffee-delivery-ignite-challenge
```
Para iniciá-lo, siga os passos abaixo:
```bash
# Instalar as dependências
$ npm install
# Iniciar o projeto
$ npm run dev
```
## 🌐 Projeto
- [Deploy](https://coffee-delivery-ignite-challenge.vercel.app/)
## 👨💻 Autor
## Contact me!
[](https://www.linkedin.com/in/pedro-rodrigues-3a3647176/)
[](mailto:[email protected])
