Construye una tienda online con React

¿Cómo se construye un e-commerce en React?

¿Te interesa aprender a desarrollar un e-commerce desde cero utilizando React? Este curso te ofrece la oportunidad de poner en práctica múltiples conceptos de esta potente biblioteca, con el guiado de Stefania Aguilar, Senior Frontend Developer en La House. Durante este curso práctico, construiremos un e-commerce llamado Shopee, utilizando hooks, local y global state management con context, props y diversas funcionalidades de JavaScript. ¿Listo para comenzar un viaje de aprendizaje transformador?

¿Qué funcionalidades tendrá el e-commerce Shopee?

1. Filtrado de productos:

   • Por título: Un campo de búsqueda que permite encontrar productos al escribir letras o palabras específicas.
   • Por categoría: Permite seleccionar productos por categorías como "Clothes" o "Electronics".

2. Carrito de compras:

   • Agregar múltiples ítems, limitando a un solo elemento del mismo tipo para evitar duplicados innecesarios.
   • Funcionalidad de Checkout, donde se mostrará un resumen de la orden y un historial de compras anteriores.

3. Detalles del producto:

   • Al seleccionar una tarjeta de producto, se mostrarán detalles adicionales, como precio e información más completa sobre el producto.

4. Actualización del carrito:

   • A medida que se agregan productos al carrito, el número total y el precio se actualizan.
   • Al finalizar una compra, el carrito se reinicia a cero.

¿Qué conocimientos previos se requieren?

Para sacar el máximo provecho de este curso, es necesario tener experiencia previa en:

• HTML y CSS: Para construir la interfaz de usuario.
• JavaScript: Para implementar la lógica de negocio.
• React: Como el curso cubre hooks, context y más, se espera que los estudiantes ya estén familiarizados con esta biblioteca.

Además, el curso utiliza Tailwind CSS para un manejo rápido y eficiente de estilos. Platzi ofrece cursos adicionales de Tailwind y React en caso de que desees reforzar tus conocimientos antes de empezar.

¿Por qué es valiosa la certificación de este curso?

Al completar el curso, puedes obtener un certificado de dos maneras: superando un examen o enviando la URL de tu proyecto terminado. Stefania Aguilar recomienda la segunda opción, ya que no solo ayuda a consolidar los conocimientos, sino que además este proyecto puede formar parte de tu portafolio profesional, mostrando tus habilidades prácticas y tu capacidad para desarrollar aplicaciones modernas con React.

¿Qué herramientas adicionales se necesitan para este curso?

Comenzaremos brindándote las instrucciones para preparar tu entorno de desarrollo. Esto incluye la instalación de herramientas como Bit para gestionar de manera efectiva este proyecto. Estar preparado desde antes con el entorno de desarrollo configurado te permitirá enfocarte en lo más importante: aprender y desarrollar un e-commerce funcional y atractivo usando React.