/vernierFrontEndChallenge

An application that displays user-indicated data on a graph.

Primary LanguageJavaScriptBSD 3-Clause "New" or "Revised" LicenseBSD-3-Clause

Front End Development Challenge

A sample web application developed for Vernier that pulls sets of data from a provided API and displays them on a graph.

Setup

To set up the application, first install dependencies:

npm i

To launch, run the command:

npm run serve

The application can then be found running at http://localhost:8000.

Architecture

Vernier provided the challenge-chart files, as well as challengeDataService.js, which can be found in the Components folder.

Components also holds chart.js, which processes and renders the chart & table data, as well as menu.js, a simple menu component that can be opened and closed. Both of these components are LitElements.

The root directory holds the index.html and index.css files, which make up the rest of the application; the rest of the files are boilerplate code, mostly from the LitElement starter repo, which I used to set up the application.

Resources Used