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
✔️Dear Client.
Thank you for posting this project, and I'm very happy to bid on your project.
I've read carefully your project details.
I have rich experiences related to your project.
Your satisfaction with the project is my top priority!
If you give me a chance to work with you, then I will do my best to reach your requirements.
I'm waiting for your kind response.
Please send msg over chat. Let's go.
I will do my best for you.
Best Regards.
Hello There!
I hope you doing well, I read your post for web developer.
Please check below skills which I am working on, it’s match with your requirements.
React Native
React Js
Flutter
Node Js
So please let’s connect and discuss full requirements.
Thank & Regards
Janak