Product List Cart - Next.js

Projeto desenvolvido como desafio técnico, focado em exibir uma lista de produtos consumidos da FakeStoreAPI, permitindo que os usuários adicionem itens ao carrinho, ajustem quantidades e finalizem o pedido.

🔗 Deploy: Acesse aqui

Tecnologias utilizadas

• Next.js - Framework React para construção da interface
• Tailwind CSS - Estilização moderna e responsiva
• FakeStoreAPI - API para obtenção dos produtos
• Context API + LocalStorage - Gerenciamento e persistência do carrinho

Funcionalidades

✅ Exibição dinâmica de produtos via API
✅ Adição e remoção de produtos no carrinho
✅ Ajuste da quantidade diretamente no botão
✅ Persistência do carrinho ao recarregar a página
✅ Modal de confirmação de pedido
✅ Layout responsivo e fiel ao design

Como rodar o projeto localmente

1️⃣ Clone este repositório:

git clone https://github.com/eduardoandraade/fakestoreapi-cart-nextjs

2️⃣ Acesse a pasta do projeto:
cd seu-repositorio

3️⃣ Instale as dependências:
npm install

4️⃣ Rode o servidor de desenvolvimento:
npm run dev

5️⃣ Acesse no navegador:
http://localhost:3000