https://github.com/agusscript/innovid-challenge

Front end challenge made with React and TypeScript
https://github.com/agusscript/innovid-challenge

react typescript vitejs

Last synced: 14 days ago
JSON representation

Front end challenge made with React and TypeScript

• Host: GitHub
• URL: https://github.com/agusscript/innovid-challenge
• Owner: agusscript
• Created: 2023-07-28T19:13:15.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-08-28T18:32:20.000Z (over 2 years ago)
• Last Synced: 2025-10-18T23:53:30.809Z (6 months ago)
• Topics: react, typescript, vitejs
• Language: TypeScript
• Homepage: https://innovid-challenge.vercel.app
• Size: 310 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![Innovid](./assets/logo.jpg "Innovid")

# Innovid challenge: Load balancer

Tenemos que crear una aplicación que muestre la carga de nuestros servidores 1, 2, 3 y 4, lamentablemente nuestro backend no tiene implementado un método para obtenerlos todos al mismo tiempo así que hay que traerlos de a uno, en paralelo.

## API

* GET https://localhost:8000/status/:id -> Obtiene la carga de un servidor

> El código de la API no debe ser modificado.

## Frontend

* Debe mostrar la carga de los cuatro servidores.

* La carga se debe actualizar cada 5 segundos.

* Puedo prender y apagar servidores (dejo de traerme su carga).

> TODO el código de la aplicación frontend puede ser modificado.

> El proyecto incluye SASS y [98.css](https://jdan.github.io/98.css) para usar a disposición, los assets se encuentran en la carpeta `assets` dentro del proyecto del cliente.

![Ejemplo](./assets/spec.png "Ejemplo")

## Corriendo el proyecto

```bash

# Instalar dependencias del proyecto

npm install

# Correr el servidor de desarrollo

npm dev

```

## Modalidad de entrega

* Repositorio público subido a GitHub, Gitlab, Bitbucket.

# Solution

### Desktop View

![](assets/screenshots/desktop-view.png)

### Mobile View

![](assets/screenshots/mobile-view.png)

### Link

- [Live site](https://innovid-challenge.vercel.app/)

### Built with



 

  

 

  

  

 

  

  

 

  

  

 



## Run the project locally

1. Clone this repository

2. Install dependencies

  ```sh

   npm install

   ```

3. Start the local server

  ```sh

   npm run dev

   ```

4. Open http://localhost:5173/ in your browser