Skip to content

Impzhhg/mercadolibre-details-challenge

 
 

Repository files navigation

MercadoLibre

MercadoLibre challenge

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

API

Podés encontrar los mocks necesarios para empezar a trabajar en ./src/product/mocks con sus respectivos types. Sin embargo, algunos de los campos necesarios para completar la pantalla no están ahí, queda en vos agregarlos!

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 imágen al clickear (no en hover).
  • Area 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.

El resto de los elementos son opcionales pero altamente recomendados.

Definiciones técnicas

  • La aplicación debe estar publicada y debe ser accesible mediante un link.
  • El código de la aplicación debe estar subida a un repositorio de público acceso.

El repositorio cuenta con TypeScript y ChakraUI ya configurados, pero cualquier librería puede ser usada.

Puntos extra

  • Poder agregar comentarios (no deben guardarse en ningun lado)
  • Poder puntuar opiniones
  • Poder ver opiniones por tipo
  • Modo oscuro

No te quedes acá, el repositorio ya tiene el router configurado para agregar la pantalla de inicio, agregá todas las pantallas que quieras!

Disclaimer

Intenten usar logos diferentes o en su defecto agregar un footer o header indicando que la web se trata de un challenge para evitar bans de servicios por phishing.

About

MercadoLibre details page challenge

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 94.6%
  • HTML 5.4%