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.
🔗 Acesse o projeto online:
https://mine-shop-mu.vercel.app/
# 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- Next.js (App Router)
- React (Hooks)
- TypeScript
- Tailwind CSS
- ✅ 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
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:
