GastonPerez97/mercadolibre-details-challenge

Mercado Libre details page challenge

🏆 Mercado Libre challenge

https://meli-details-challenge.netlify.app/

Este repositorio está basado en el challenge de Goncy ¡Muchas gracias por tomarte el tiempo en armar este desafío!

Podés encontrar el challenge acá: https://github.com/goncy/mercadolibre-details-challenge.

🎯 Objetivo:

Debemos crear un clon de la página de detalle de producto de Mercado Libre.

💾 API:

Mock del producto ubicado en ./src/components/ProductDetails/mock.js.

🛠️ Tecnologías utilizadas:

• HTML 5
• CSS 3
• JavaScript
• React - JS library

✅ Definición funcional:

Debemos intentar llegar a un resultado visual lo más aproximado posible, siendo los siguientes los elementos requeridos:

• Carousel que cambia de imagen al clickear (no en hover):

• Área de detalle del producto (condición, cantidad vendida, título, precio).
• Botones de Comprar ahora y Agregar al carrito.
• Sección de preguntas y respuestas.

➕ Puntos extra:

• Poder agregar comentarios/opiniones (no deben guardarse en ningun lado):

• Poder puntuar opiniones:

• Poder ver opiniones por tipo:

• Modo oscuro:

👨‍💻 Agregados por mi cuenta:

• Poder agregar preguntas:

• Validaciones al agregar una pregunta u opinión:

• Resumen de opiniones con puntuación promedio del producto, utilizando datos dinámicos:

• Sección de características del producto, cards de productos e información adicional de la publicación (devolución gratis, garantía, medios de pago, otras publicaciones, etc).
• Mobile responsive:

• Burger Menu: