https://github.com/mrluisfer/mercadolibre-details-challenge

This is a Mercado Libre while creating a product detail page using React & Typescipt 🌟
https://github.com/mrluisfer/mercadolibre-details-challenge

Last synced: 3 months ago
JSON representation

This is a Mercado Libre while creating a product detail page using React & Typescipt 🌟

• Host: GitHub
• URL: https://github.com/mrluisfer/mercadolibre-details-challenge
• Owner: mrLuisFer
• Created: 2021-07-17T00:09:15.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2022-05-22T00:52:55.000Z (about 3 years ago)
• Last Synced: 2023-03-04T00:01:21.885Z (over 2 years ago)
• Language: TypeScript
• Size: 862 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![MercadoLibre](./src/favicon.svg 'MercadoLibre')

# MercadoLibre challenge

Debemos crear un clon de [la página de detalle de producto](https://articulo.mercadolibre.com.ar/MLA-741093357-peluche-stitch-angel-lilo-1-metro-100cm-reales-gigante-_JM#position=5&search_layout=stack&type=item&tracking_id=839ad6c1-5098-41e7-914b-75a960f45a3b) 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!

### URL

Homepage:

- https://www.mercadolibre.com.ar/

Detail:

- https://articulo.mercadolibre.com.ar/MLA-741093357-peluche-stitch-angel-lilo-1-metro-100cm-reales-gigante-_JM#position=5&search_layout=stack&type=item&tracking_id=839ad6c1-5098-41e7-914b-75a960f45a3b