UI Developer at Sky

I build browser powered applications and tooling.

The Crypto App interview project

codecov NodeJS CI


A React Single Page app that fetches crypto currency market updates from

The aim is to show an understanding when working with third party APIs, with a care for project structuring. Also wanted to see bonus points of understanding of Docker, Protecting auth endpoints, and familiarity with back end.


This was a fun project to do, I was able to build it using some frameworks that I had been learning on my personal projects. It was also an opportunity for me to show high quality code, and TDD principles even in web development.

In the end, it got me the job, so it did prove my technical abilities.


Install Docker

Check the official Docker documentation for information how to install Docker on your operating system. And then install Docker and supporting tools.

How to use

Install node dependencies

npm ci

with Docker installed on your machine, run the following make commands

To build application

make build

To run the application

make up

To stop and remove application docker containers

make down

To run tests on Docker container

make test

To run lint on Docker container

make lint

System Design Documentation

Functional Requirements

  1. Component should have a header and footer
  2. Market summary displayed for all currencies a. v3/markets/summaries
  3. Header with a search tab to find details on specific currency a. v3/markets/[marketSymbol]/summary b. E.g. - v3/markets/ltc-btc/summary
  4. Quality unit tests using react testing library
  5. Docker build files
  6. Back-end Health check and version info/pages
  7. Light/Dark themes

Non-Functional Requirements

  1. Authentication for backend rest calls

  2. Professional styling and UX

  3. ES lint defined/configured in the project folder for code quality

  4. Good project structuring

  5. Secured way of storing auth credentials

  6. No Hardcoding

  7. Efficient code (less loops, conditional statements)

  8. Readable and well-structured package.json

  9. Add typescript supporting functions

  10. CI/CD a. Build checks on prs b. Tests on prs


High Level Design

Quick wireframe sketch:


General Flow


Core Components

Back end

Front end

Main section:

Search tab:

Authorization: JWT Single Sign on login via Auth0.


For purpose of this project scale is not required. However during application development can investigate some future scale ideas.