🛍️ NewStore

Projeto de e-commerce desenvolvido com foco em prática de front-end utilizando HTML, CSS e JavaScript.

O objetivo do projeto é simular uma loja virtual moderna, trabalhando conceitos importantes como manipulação do DOM, organização de componentes, consumo de API, carrinho de compras e armazenamento de dados no navegador.

---

🚀 Funcionalidades

• ✅ Listagem dinâmica de produtos
• ✅ Consumo de API de produtos
• ✅ Criação dinâmica de cards
• ✅ Carrinho de compras
• ✅ Adicionar produtos ao carrinho
• ✅ Remover produtos do carrinho
• ✅ Navegação entre páginas
• ✅ Armazenamento utilizando LocalStorage
• ✅ Layout responsivo
• ✅ Interface moderna

---

🛠️ Tecnologias Utilizadas

---

📂 Estrutura do Projeto

newStore/
│
├── css/
│   ├── global.css
│   └── reset.css
│
├── js/
│   ├── main.js
│   ├── cards.js
│   ├── cart.js
│   ├── cartPage.js
│   └── productServices.js
│
├── index.html
├── cart.html
└── README.md

---

💡 Aprendizados

Durante o desenvolvimento do projeto, foram praticados conceitos importantes de front-end, como:

• Manipulação do DOM
• Modularização com JavaScript
• Import e Export
• Eventos
• Arrays e métodos modernos
• Estruturação de componentes
• Organização de código
• Responsividade
• Persistência de dados com LocalStorage

---

🛒 Como Executar o Projeto

1. Clone o repositório

git clone https://github.com/seu-usuario/newstore.git

2. Abra a pasta do projeto

cd newstore

3. Execute o projeto

Basta abrir o arquivo index.html no navegador.

---

📌 O Que Ainda Falta Fazer

🔨 Funcionalidades

• Listagem dinâmica de produtos

• Consumo de API

• Criação dinâmica de cards

• Carrinho de compras

• Adicionar produtos ao carrinho

• Remover produtos do carrinho

• Navegação entre páginas

• Armazenamento com LocalStorage

• Layout responsivo

• Sistema de busca de produtos

• Filtro por categorias

• Tela de checkout

• Sistema de favoritos

• Página de detalhes do produto

• Quantidade de produtos no carrinho

• Cálculo automático do total da compra

• Mensagens de feedback ao adicionar produtos

🎨 Interface

• Melhorar responsividade
• Adicionar animações
• Implementar Dark Mode
• Melhorar estilização dos cards
• Melhorar experiência do usuário

⚙️ Código

• Melhor organização dos componentes
• Refatoração de funções
• Melhor separação de responsabilidades
• Tratamento de erros da API
• Melhorar estrutura de pastas

---

👩‍💻 Desenvolvedora

Desenvolvido por Larissa Sthefany.

Projeto criado com objetivo de aprendizado e evolução no desenvolvimento front-end.

---

📄 Licença

Este projeto está sob a licença MIT.