StrumpShop 🎸

Tienda de Guitarras en React

Descripción

Este es un proyecto personal que simula una tienda de guitarras en línea. Es mi primer proyecto en React con TypeScript y fue creado para practicar conceptos clave como el manejo de estado y la persistencia de datos.

La aplicación permite a los usuarios:

• Agregar o eliminar guitarras del carrito.
• Ajustar la cantidad de cada guitarra, con un límite de 1 a 7 unidades.
• Ver cómo el precio total se actualiza de forma dinámica con cada cambio.
• Mantener el carrito de compras persistente gracias a Local Storage, lo que significa que los datos no se pierden al recargar la página.

---

🔗 Ver el Proyecto

Puedes ver la versión desplegada y en vivo de la tienda de guitarras en el siguiente enlace:

StrumpShop

---

⚙️ Funcionalidades

• Carrito dinámico: Actualiza los precios en tiempo real.
• Control de cantidades: Permite ajustar la cantidad de cada producto con un mínimo y un máximo.
• Persistencia de datos: El carrito guarda su estado en Local Storage.
• Interfaz: Diseño simple e intuitivo para una experiencia de usuario fluida.

---

🛠️ Tecnologías

• React
• TypeScript
• HTML5 / CSS3
• Local Storage

---

💻 Instalación

Sigue estos pasos para ejecutar la aplicación en tu entorno local:

1. Clona el repositorio en tu máquina:

   git clone https://github.com/CybrDev-F404x/StrumpShop.git
   

2. Entra al directorio del proyecto e instala las dependencias:

   cd strumpshop
   pnpm install
   

3. Inicia la aplicación:

   pnpm run dev
   

4. Abre tu navegador y navega a la direccion que te indique la terminal http://localhost:.....

---

🚀 Uso

Una vez que la aplicación esté en funcionamiento, puedes:

• Navegar por la tienda y ver las guitarras disponibles.
• Hacer clic en los botones para agregar o eliminar guitarras del carrito.
• Ajustar la cantidad de cada guitarra.
• Ver el precio total actualizarse automáticamente.
• Recargar la página y ver que tu carrito sigue igual, gracias a la persistencia de datos.