项目作者: christianjtr

项目描述 :
Apdex Board - Code challenge: Assessment developed in order to deliver a client-side framework-less / library-less solution to display some apps info.
高级语言: TypeScript
项目地址: git://github.com/christianjtr/apdex-board-code-challenge.git
创建时间: 2021-01-29T00:56:27Z
项目社区:https://github.com/christianjtr/apdex-board-code-challenge

开源协议:

下载


Apdex Board - Code challenge

It’s just another test…

Apdex Board - Code challenge: Assessment developed in order to deliver a client-side framework-less / library-less solution to display some apps info.

We want to build a new page view that shows the list of applications running on every host. You are asked to build a new feature to display the most satisfying applications deployed on each host.

Key restrictions

  • Do not use frameworks / libraries such as React, Angular, etc.
  • Browser support: IE11+, latest 2 versions of Chrome, Firefox, Safari, Opera.

Demo

Click on the following link (Github page project):

https://christianjtr.github.io/apdex-board

Installation and running the project

The project requires Node.js and NPM to run.

Clone the repository:

  1. git clone https://github.com/christianjtr/apdex-board-code-challenge.git

Install the dependencies and devDependencies, next start the server:

  1. $ npm install
  2. $ npm run start

Then, access to this address:

  1. http://localhost:8080

Link to the project at your local environment.

Build

To build the project run this command (Development or Production):

  1. $ npm run build:dev
  2. $ npm run build:prod

Comments

First off, It is just a test, so I tried to implement a kind of pseudo-solution by using web components.

Technologies

Vanilla JS + TypeScript v3.9, Webpack v4, Styling (BEM like by using Flexbox, CSS Grid, mediaQueries).