⚽ OneShot - Tienda Online de Camisetas de Fútbol

OneShot es una tienda online de camisetas de fútbol desarrollada principalmente con HTML y CSS, apoyada por JavaScript y JSON para la gestión dinámica de productos, carrito de compra y funcionalidades interactivas.

El proyecto simula una tienda real, con catálogo dinámico, filtros avanzados, carrito persistente y una interfaz moderna y responsive.

---

🚀 Características principales

• 🛒 Carrito de compra completo

  • Añadir, eliminar y modificar productos
  • Persistencia mediante localStorage
  • Cálculo automático de subtotal, descuentos, envío y total

• 📦 Gestión dinámica de productos

  • Productos cargados desde archivo JSON
  • Productos destacados
  • Control de stock

• 🔍 Filtros y ordenación

  • Filtrado por categoría, liga, marca y stock
  • Ordenación por precio, nombre, ofertas y destacados

• 🎟️ Códigos promocionales

  • Descuento porcentual
  • Envío gratis

• ❤️ Wishlist / Favoritos

• 🔔 Sistema de notificaciones

• 📱 Diseño responsive

• 📩 Formulario de newsletter

• ⚡ Interfaz moderna orientada a e-commerce

---

🛠️ Tecnologías utilizadas

• HTML5 – Estructura del sitio
• CSS3 – Diseño y responsive layout
• JavaScript (Vanilla JS) – Lógica del sitio
• JSON – Almacenamiento de productos
• LocalStorage – Persistencia del carrito
• Font Awesome – Iconos
• Google Fonts – Tipografías

---

📂 Estructura del proyecto

/
├── index.html          # Página principal
├── productos.html      # Catálogo de productos
├── carrito.html        # Página del carrito
├── css/
│   └── styles.css      # Estilos principales
├── js/
│   └── main.js         # Lógica principal (carrito, filtros, productos)
├── data/
│   └── productos.json  # Base de datos de productos
├── assets/
│   └── img/            # Imágenes del sitio
└── README.md