Un espacio donde tú y tus compañeras tendrán la oportunidad de plantear y

desarrollar una solución a un reto técnico diseñado por el equipo de Laboratoria.

La intención es compartir con las empresas participantes la manera en que las
developers solucionamos problemas y cómo trabajamos en equipo. Lograremos:

1. Conectar el talento diverso de las Web Developers de Laboratoria con

empresas.
2. Practicar tus Soft y Hard skills en la cancha

El Reto

En este documento se especifican los requerimientos para la creación de una

plataforma web. Para este reto, estaremos simulando el flujo de un sprint pero
mucho más rápido que en el BC.

Una vez leas este documento, tu misión será responder de forma individual a la
pregunta: ¿cuál es la mejor forma de crear la plataforma web? De forma que
puedas prepararte con tus propuestas para los momentos de planning y desarrollo
de la solución. Recuerda que es un trabajo en equipo, por lo que está prohibido
iniciar el desarrollo por tu cuenta. Deberás comenzar la implementación el día del
reto en conjunto con tu squad.

Para este reto, colaboraremos con una pequeña empresa que se inicia en el
comercio digital. El reto consiste en desarrollar algunas de las funcionalidades
básicas de un e-comerce, el cual debe ofrecer a los usuarios de la plataforma la
posibilidad de encontrar, seleccionar y ver detalles de los productos y compartirlos
en sus redes sociales.

Happy coding!
Criterios de aceptación

Uno de nuestros clientes visita nuestra aplicación web:

● El usuario debe poder visualizar una sección con promociones.

● El usuario debe poder visualizar una sección con la lista de productos.
● El usuario debe ser capaz de buscar y filtrar la lista de productos.
● El usuario puede seleccionar un producto para poder ver los detalles del
mismo.
● El usuario debe ser capaz de Compartir el producto en redes sociales
● El usuario debe ser capaz de crear una cuenta (registrarse).
● El usuario debe ser capaz de ingresar a su cuenta (previamente generada) a
partir de su correo electrónico y contraseña (login).
● Una vez registrado y con una sesión abierta, el usuario debe poder agregar
productos a su carrito.

Aspectos a Considerar

● Utilicen los principios Agile para organizarse durante el reto

● Creen su planeación en trello/github projects y manténgalo actualizado

conforme avancen en sus tareas

● Tengan claro su plan de trabajo. Es importante que logren identificar cuanto

tiempo les toma cada tarea

● El uso de git y GitHub es obligatorio. La planeación y la organización y el flujo

de trabajo es lo más importante. ¡Recuerda hacer commits puntuales y
utilizar la sección de issues!

● Para el desarrollo de este reto pueden emplear la siguiente API. Asegúrense

de leer la documentación a detalle.

● El diseño de la aplicación web debe ser responsivo y adaptativo

● Cada equipo será responsable de implementar estilos dentro de la
aplicación, ¡Pueden hacer prototipos rápidos para validar su idea!

● Sean consistentes en la UX, ¡El usuario debe recibir retroalimentación todo

el tiempo! (mostrar errores, confirmar acciones, instrucciones adecuadas, etc )

● La lista de productos debería mostrar nombre del producto, descripción y

costo, Mientras que la vista de detalle mostrará una descripción expandida.

● Las secciones de inicio de sesión, registro y carrito de compra pueden ser

una ventana independiente o un modal, recuerden, ¡mientras más simple,
mucho mejor!

● Para el despliegue pueden utilizar GitHub pages u otro servicio de hosting

(Firebase, Netlify, Vercel, etc)
A continuación les presentamos algunas ideas que pueden ser de utilidad para que
se guíen en su desarrollo:

Sugerencia de Home
 Suge
rencia de Home
Sugerencia de detalle del producto
Hacker Edition

Esta sección es opcional. Si terminaron con todo lo anterior y les queda tiempo,
intenten completar alguna de las siguientes actividades. Así podrán profundizar y
hacer mucho más robusto el reto. Pidan feedback para elegir cuál de todas es la
mejor opción:

● Realizar TEST sobre su aplicación

● Seccionar el contenido de los productos por categorías y agrúpalas en una

nueva vista

● Agregar una nueva categoría de usuario: Administrador. Un administrador

debe ser capaz de:

○ Agregar productos
○ Editar productos
○ Eliminar productos
○ Agregar promociones
○ Editar promociones
○ Eliminar promociones

A continuación te presentamos un par de ideas para que las utilices de inspiración

para esta Hacker Edition:
Sugerencia de vista de productos con usuario administrador
Sugerencia de edición/creación del producto