🛒 E-Commerce FakeStore — Projeto Avaliativo

Este é um projeto de loja online responsiva desenvolvido como atividade avaliativa para a faculdade. O principal objetivo foi criar um e-commerce funcional consumindo dados da FakeStoreAPI e integrando o sistema de pagamento via Mercado Pago API.

💡 Objetivo

Criar uma aplicação web de e-commerce que:

• Exibe produtos consumidos de uma API pública.

• Permite visualizar detalhes individuais de cada produto.

• Integra pagamento real com a API do Mercado Pago.

• Adota design responsivo com o auxílio do TailwindCSS.

🚀 Tecnologias Utilizadas

• HTML5

• JavaScript

• TailwindCSS — para o design responsivo.

• FakeStoreAPI — para dados de produtos.

• Mercado Pago API — para checkout de pagamentos.

⚙️ Funcionalidades

• 🏠 Página Inicial com listagem de produtos.

• 🔍 Detalhes do Produto — cada item acessível via URL com ID.

• 💳 Sistema de Pagamento — integração com Mercado Pago.

• 📱 Design Responsivo — adaptável para desktop, tablets e smartphones.

🔗 Como Rodar o Projeto

Clone o repositório: git clone https://github.com/seu-usuario/seu-repositorio.git

Instale as dependências (caso use build): npm install

• Configure a API do Mercado Pago: Adicione sua chave pública e privada no arquivo de configuração (.env ou direto no código, conforme implementação).

Rode o projeto localmente: npm run dev Ou simplesmente abra o index.html no navegador se for puro HTML/JS.

💳 Sobre o Pagamento

O sistema de pagamento foi integrado utilizando a API oficial do Mercado Pago.

O processo de checkout simula uma compra real, sendo ideal para testes com contas sandbox.

📸 Prints

👨‍🎓 Sobre o Projeto

Este projeto foi desenvolvido como parte de uma atividade acadêmica com foco em:

• Consumo de APIs REST.

• Integração de serviços de pagamento.

• Boas práticas de design responsivo.

• Organização de código front-end.