Projeto desenvolvido como desafio para o Nível 2: Aprofundando em Hooks da trilha do Ignite - React da Rocketseat.
📄 Sobre o Projeto | 🧑💻 Tecnologias | 🎨 Layout | 🚀 Como executar a aplicação | 🤝 Como contribuir | 📝 Licença | 👥 Autor
O aplicativo gerencia um carrinho de compras para uma cafeteria fictícia e possui 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
Você pode acessar o layout da aplicação pelo seguinte link:
Lembrando que é necessário possuir uma conta no Figma.
A aplicação está disponível online e pode ser acessada por esse link.
Caso queira executar a aplicação em seu local, siga os seguintes passos:
- Clone esse repositório:
git clone https://github.com/andersondev96/desafio02-coffee-delivery-react
- Acesse a aplicação
cd desafio02-coffee-delivery-react
- Instale as dependências
npm install
- Clone o .env.example e renomeie para .env
cp .env.example .env
-
Acesse o Console do Google Cloud Platform e crie uma nova chave de API. Copie e colo no VITE_GOOGLE_MAPS_API_KEY do .env.
-
Para executar a aplicação, execute os comandos:
npm run server && npm run dev
- Abra a aplicação no navegador de sua preferência.
- Faça um fork desse repositório.
- Crie uma branch com a sua feature:
git checkout -b my-feature. - Faça commit das suas alterações:
git commit -m 'feat: My new feature'. - Faça push para a sua branch:
git push origin my-feature.
Depois que o merge da sua pull request for feito, você pode deletar a sua branch.
Este projeto está sob a licença MIT.
Anderson Fernandes Ferreira
Feito com 💚 por Anderson Fernandes 👋 Entre em contato!