La tarea consistio en tomar el siguiente diseño y desarrollarlo en React.
Se crea una aplicación web para mostrar la información del producto, seleccionar las con que características quiere el usuario y el valor total, todo esto debía ser sin usar librerías y de forma responsive así que se usa Sass para el manejo de las clases.
Lo primero que tuve que inferir fue el uso de algunos eventos y alertas del usuario para poder darle clic en "Buy now" como una alerta si no había seleccionado ningún color, mostrar información del tab list en "Features" y " What's in the box?".
También opte por realizar un mensaje del ítem fue añadido al carrito de compras una vez que se da clic en el botón "Buy now", animación en la imagen que esta seleccionada y animación para que lleve al usuario a seleccionar un color si no lo ha realizado.
Uno de los grandes retos fue el uso de la fuente ya que no leía bien la importación de la fuente, y buscando en varias páginas descubrí que solo los archivos .otf sirven para navegadores IE así que tome la decisión de buscar las fuentes requeridas para todos los navegadores.
