eGaming React-Redux Project

Jackpot Ticker Introducción No dediques más de 2 horas a esto. Si no completa el desafío en el tiempo asignado, no será penalizado. Pero anote la pasos posteriores que habría codificado con más tiempo. Asegúrate de usar React y Redux. KISS - Keep It Simple Stupid Coloque su código en un repositorio de acceso público y proporciónenos la URL Envíe el historial de confirmaciones, para que podamos ver cómo abordó lógicamente el problema Incluya pasos sobre cómo ejecutar el código. Puede suponer que tenemos instalada la versión LTS más reciente de node, npm y/o yarn. Problema Necesitamos crear un nuevo componente de marcador de jackpot. Este componente mostrará algunas imágenes de marketing agradables junto con una moneda que hace tictac valor. Tenemos una API que devuelve una cantidad de feeds de premios mayores, junto con sus identificadores de premios mayores y el valor actual. Dado que el rendimiento es importante, debemos revisar este feed cada 5 segundos solo cuando hay un componente de premio mayor que se está procesando en el pantalla. Se adjunta un esquema UX básico sobre el que trabajar. Se ha adjuntado una captura de pantalla de un competidor para brindar un contexto de lo que se le solicita que cree. API: La información se puede traer de la siguiente API: [login to view URL] Como mínimo para devolver los datos la API espera recibir los siguientes headers: x-site-code: jackpotuniverse.com_uk_gbp x-correlation-token: b519da40-5351-4619-b797-dde5aea336c6 Una respuesta normal de la API: { "totalJackpotAmount": 596627.17, "jackpots": [ { "id": "IGT:M01-01-01-81:GBP", "provider": "IGT", "currency": "GBP", "amount": 596621.11, "velocity": 0 }, { "id": "Blueprint:6:GBP", "provider": "Blueprint", "currency": "GBP", "amount": 6.06, "velocity": 0 } ] } Con jackpots[].id representando el id del premio mayor y jackpots[].amount representando el monto actual del premio mayor. El componente El componente debe tomar 2 parámetros: type JackpotWidgetProps = { jackpotId: string; imageUrl: string; }; Las fuentes deberían comenzar a actualizarse cuando se haya renderizado un componente. Los feeds deberían dejar de llamarse cuando todos los componentes del jackpot hayan sido eliminados de la vista. El componente debe manejar los siguientes estados; Carga de datos No se encontraron datos para la identificación del premio mayor Assets útiles Siéntase libre de usar cualquier activo en su proyecto. Sin embargo, puede usar las siguientes imágenes de muestra para sus widgets de jackpot que también se adjuntan