🛒 MineShop – E-commerce Temático

Aplicação de e-commerce inspirada no universo de Minecraft, desenvolvida com foco em boas práticas de organização de código, componentização e experiência do usuário.

O projeto foi criado como forma de praticar conceitos de Front-end moderno utilizando Next.js e React, simulando um fluxo simples de compra com geração de pagamento via Pix.

---

🚀 Deploy

🔗 Acesse o projeto online:
https://mine-shop-mu.vercel.app/

---

▶️ Como rodar o projeto localmente

# Clonar o repositório
git clone https://github.com/MuriloCamargo12/MineShop.git

# Entrar na pasta do projeto
cd mineshop

# Criar arquivo .env.local na raiz com:

NEXT_PUBLIC_PIX_KEY=SuaChavePix
NEXT_PUBLIC_PIX_NAME=SeuNome
NEXT_PUBLIC_PIX_CITY=SuaCidade

# Instalar dependências
npm install

# Rodar o projeto
npm run dev

🛠️ Tecnologias utilizadas

• Next.js (App Router)
• React (Hooks)
• TypeScript
• Tailwind CSS

---

⚙️ Funcionalidades

• ✅ Adicionar e remover itens do carrinho
• ✅ Filtros de produtos
• ✅ Persistência com localStorage
• ✅ Geração de pagamento via Pix
• ✅ Responsividade mobile
• ✅ Organização de componentes por feature

---

🧠 Aprendizados

Durante o desenvolvimento deste projeto, pratiquei:

• Estruturação de projeto com App Router (Next.js)
• Organização modular de componentes
• Manipulação de estado com React Hooks (useState, useEffect e useContext)
• Uso de variáveis de ambiente (.env.local)
• Deploy e configuração de variáveis na Vercel
• Persistência de dados no navegador (localStorage)

---

🆘 Precisa de ajuda? Entre em contato comigo pelo Linkedin: