Wibo Demo

El proyecto es una demostración inicial de una nueva aplicación que aumentará la experiencia de los usuarios al momento de registrar sus boletos en la entrada de un evento. La idea es ofrecerle a los usuarios contenidos y servicios exclusivos del lugar donde se esta llevando a cabo el evento al que están asistiendo.

Requerimientos:

La arquitectura del proyecto estará basada en las tecnologías React-Router-Redux. La estructura queda libre a juicio y creatividad del desarrollador pero nos interesa un código de calidad, estructurado y reusable.

Toda la información solicitada a la API deberá persistir junto con la sesión del usuario en el explorador del dispositivo (por medio de LocalStorage).

    - Menu de opciones (Side Menu)
:
        * Abierto por default en escritorio

        * Opciones cuando no esta en evento:

            · Boletos
            · Cerrar sesión
        * Opciones cuando esta en evento:
            · Inicio
            · Contenidos
            · Productos
            · Servicios
            · Mi boleto
            · Cerrar sesión
    - Pantalla de autenticación
        * Login por email con contraseña
        * Sesión debe persistir por medio de LocalStorage
    - Pantalla de boletos
        * Lista de boletos (grid de cartas flotantes)
            · La carta contiene código QR e información relevante del evento (titulo y fecha)
        * Podrá ser abierta sólo cuando el usuario no está en un evento
    - Pantalla de boleto
        * Información detallada del boleto y el evento
        * Al cargar pantalla se activa Listener para detectar si el boleto fue escaneado
        * Podrá ser abierta cuando el usuario esté o no esté en un evento
    - Pantalla de bienvenida al evento
        * Mensaje de bienvenida
            · Puede ser ocultado por el usuario
        * Sección de contenidos
        * Sección de productos
        * Sección de servicios
        * Podrá ser abierta sólo cuando el usuario esté en un evento
    - Pantalla de contenidos del evento
        * Lista de contenidos (grid de cartas flotantes)
        * Filtro de texto
        * Podrá ser abierta sólo cuando el usuario esté en un evento
    - Pantalla de productos del evento
        * Lista de productos (grid de cartas flotantes)
        * Filtro de texto
        * Podrá ser abierta sólo cuando el usuario esté en un evento
    - Pantalla de servicios del evento
        * Lista de servicios (grid de cartas flotantes)
        * Filtro de texto
        * Podrá ser abierta sólo cuando el usuario esté en un evento
    - Pantalla de detalle de producto del evento
        * Información detallada del producto
        * Incluirá acción para comprar
        * Podrá mostrar mensaje de éxito si la compra fue correcta
        * Podrá mostrar mensaje de error si la compra falló

Recursos (documentación) que ofrecemos para el desarrollo:

Flow y diseños de la aplicación, una de dos opciones (aun por determinar):
    * Basados en plantilla (disponible para React)
    * Disponibles por medio de Zeplin (sin plantilla)
    * Disponibles por medio de Zeplin y con plantilla (no será requerido que sean idénticos)

Modelos:
    - Usuario
    - Boleto
    - Evento
    - Mensaje de Bienvenida
    - Venue
    - Contenido
    - Producto
    - Servicio

API Interna:
    - Endpoint de autenticación
        * Basado en Cookies
        * Respuesta incluirá objeto usuario
        * Incluirá bandera para saber si el usuario esta en un evento o no
    - Endpoint de boletos
        * Lista
        * Websocket (listener) para activar evento (el boleto fue registrado en la entrada)
    - Endpoint del venue
        * Endpoint de información del venue
        * Endpoint de contenido del venue
        * Endpoint de servicios del venue
        * Endpoint de productos del venue
        * Endpoint para calificar venue
    - Endpoint del evento
        * Endpoint para calificar evento
        * Endpoint de mensaje de bienvenida
    - Endpoint para realizar pago de producto