Code Monkey home page Code Monkey logo

nicolas_test_task_rxjs's Introduction

react-rxjs-test-task

EXERCISE: A live analytics dashboard displays data about a medical operating room to doctors and nurses. It receives its data from three independent monitoring systems:

Temperature

Air pressure

Humidity Each system sends randomly data every 100-2000ms. TASK:

Write an observable that, when subscribed to, emits a "display object" containing the latest value of all three systems, to be consumed by the dashboard. REQUIREMENTS:

Display object should not be emitted more often than every 100ms

Display object should only be emitted when one of the systems sends a new value

If a value is not received from a specific system for more than 1000ms, its reading (in the display object) should be 'N/A'

All 3 systems must emit at least one value before 1 display object is ever sent to the dashboard. For the purposes of this exercise, assume that the readings from each system are available as a 'data' event on a node EventEmitter. For example:

temperature = new EventEmitter();

temperature.on('data', data => { // data = '24.2' }) DELIVERABLES:

provide a basic UI in react

all your RX business logic must be inside a UNIQUE observable

provide unit tests and basic component tests

share a github repo with your code

this coding exercise can be completed in 2-3 hours. Nota Bene:

you do not need to implement a backend. You can emulate the random data straight inside you React application by using an EventEmitter or other RXJS syntax.

this exercise is about RXJS; you need to use it.

Nicolas_test_task_rxjs

nicolas_test_task_rxjs's People

Watchers

James Cloos avatar Alexander avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.