Sitio de Carrito de Compras con React 🛍️

Este proyecto introduce los conceptos fundamentales de React, incluye un carrito de compras interactivo desde cero.

Explora la demo del sitio web en el siguiente enlace: GuitarLa

Funcionalidades principales 🥇

• Gestión de Carrito: Los usuarios pueden agregar y eliminar productos del carrito, ver cantidades y precios actualizados.
• Interactividad en Tiempo Real: Actualización dinámica del carrito sin recargar la página utilizando React.
• Manejo de Estado con useReducer: Implementación de useReducer para una gestión de estado más escalable y predecible en el carrito.

Actualización del Código 📦

En la última actualización, se ha mejorado la gestión del estado del carrito utilizando el Hook useReducer de React. Esta mejora permite un manejo de estado más robusto y estructurado.

Tecnologías Utilizadas 🧑‍💻

• React: Frontend desarrollado con React para la creación de componentes reutilizables y estado manejado de manera eficiente.
• TypeScript: Uso de TypeScript para una tipificación estática y robusta que mejora la calidad del código y la productividad del desarrollo.
• Vite: Herramienta de construcción rápida y ligera para proyectos de frontend que proporciona una configuración mínima y tiempos de recarga rápidos.

Configuración del Proyecto ⚒️

[!NOTE] Asegúrate de tener Node.js y npm instalados en tu sistema.

1. Clona este repositorio en tu máquina local.

     git clone https://github.com/IgnaG-Dev/GuitarLa-React-TS-useReducer
   

Rendimiento ✅

A continuación te dejamos algunos parametros de rendimiento de la página web utilizando el plugin LIghthouse

Contribución 📨

¡Las contribuciones son bienvenidas! Si tienes ideas para mejorar esta aplicación, por favor abre un issue para discutir los cambios propuestos o envía una pull request.

Contacto 👤

Si tienes alguna pregunta o sugerencia, no dudes en ponerte en contacto.