Regresar

2024

Carrito de Compras

Proyecto de Aprendizaje

Construcción de un carrito de compras funcional para una tienda de guitarras en línea como parte de un proceso de aprendizaje. Durante su desarrollo, se abordaron los fundamentos de React, incluyendo Componentes, Eventos y State, y se exploraron conceptos avanzados como la creación de Hooks personalizados y la transformación del código a TypeScript, destacando sus beneficios en robustez y mantenibilidad.

Mockup de Carrito de Compras

Mis responsabilidades incluyeron:

Fundamentos de React:

  • Diseñé y desarrollé componentes reutilizables para el carrito.
  • Implementé eventos para manejar la interacción del usuario, como agregar, eliminar y modificar productos.
  • Utilicé el estado (State) para gestionar dinámicamente las cantidades y precios.

Avance a conceptos avanzados:

  • Hooks personalizados: Encapsulé lógica repetitiva para mejorar la legibilidad y reutilización del código.
  • Transformación a TypeScript: Migré el proyecto para aprovechar sus beneficios, como detección temprana de errores y un mejor autocompletado.

Tecnologías usadas:

  • Lenguajes y frameworks: React, TypeScript
  • Gestión de estado: React State
  • Optimización del código: Hooks personalizados