GitXplorerGitXplorer
g

mercadolibre-details-challenge

public
123 stars
82 forks
1 issues

Commits

List of commits on branch main.
Verified
b1c6ec601493fa2f606e590cb874a8302974e4ed

Update README.md

ggoncy committed 3 years ago
Unverified
dba9e0231c009e5723e04b88d7e5734e066fe217

Update theme

ggoncy committed 4 years ago
Unverified
16d4fac57269318ed347d58a944d002aa13b87ba

Update container size

ggoncy committed 4 years ago
Unverified
f46c3f9132ca8c3e5ac2f52b37876f8345e2c15b

Update theme

ggoncy committed 4 years ago
Unverified
fd0f65e0010c2a072a7cc88553214006bdc0ae70

Update theme

ggoncy committed 4 years ago
Unverified
aad4425fd61a2525429cdc17c54bc23dfcf79305

Update theme

ggoncy committed 4 years ago

README

The README file for this repository.

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.