☕ CoffeeDelivery v2.0

Descrição do projeto | Project description

Este projeto foi desenvolvido para que eu pudesse treinar todas as tecnologias que estou estudando no momento, o nome do projeto é Coffee delevery v2, pois ele aproveita o layout de um projeto anterior, pois o foco não foi design e sim nas techs que foram utilizadas para desenvolver a aplicação.

This project was developed so that I could train all the technologies that I'm studying at the moment, the name of the project is Coffee delevery v2, because it takes advantage of the layout of a previous project, because the focus was not on design but on techs that were used to develop the application.

Features | Funcionalidades 🔧

• ✅ Adicionar produtos ao carrinho | Add products to cart
• ✅ Remover produtos do carrinho | Remover produtos do carrinho
• ✅ Simulação de pagamento | Payment Simulation
• ✅ Validação de formulário | Form validation
• ✅ Localização | Localization
• ✅ Responsive

🛠 Tecnologias | Tecnologias

As seguintes ferramentas foram usadas na construção do projeto

The following tools were used in building the project

• Next
• TypeScript
• Stripe
• Redux
• Zod
• Tailwind
• React-hook-Form
• VIACEP
• MapQuest

Como utilizar

1. Faça o downloand/clone do projeto git clone https://github.com/EduardoNGomes/coffee-delivery-2.0.git

2. Execute o comando para baixar as dependências do projeto npm instal

3. Criei um arquivo na raiz do projeto com o nome .env.local e nele coloque suas variáveis de ambiente seguindo o exemplo do arquivo .env.exemplo

4. Execute o projeto usando o comando npm run dev

How to use

1. Download/clone the project git clone https://github.com/EduardoNGomes/coffee-delivery-2.0.git

2. Run the command to download the dependencies of the npm instal project

3. I created a file at the root of the project with the name .env.local and put your environment variables in it following the example of the file .env.example

4. Run the project using the command npm run dev

Simulação de pagamento utilizando o Stripe

1. Escolha um produto
2. Entre no carrinho de compras, preencha os dados requeridos e confirme.
3. No site do Stripe:

• Email: user@email.com
• Nr do cartão: 4242 4242 4242 4242
• Validade 11/30
• CVC : 321
• Name: user

4. Após isso basta confirmar o pedido.

Payment simulation using Stripe

1. Choose a product
2. Enter the shopping cart, fill in the required data and confirm.
3. On Stripe site:

• Email: user@email.com
• Card number: 4242 4242 4242 4242
• Validity 11/30
• CVC: 321
• Name: user

4. After that, just confirm the order.

Autor | Author

Eduardo Nascimento Gomes