chikeozulumba / heat-map-graph

A Heat Map generating reactjs application

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Build Status codecov Maintainability

Heat Map Graph is a web application built with React Application which replicates the Github repository activity Graph. It uses a transaction file located in /transactions as it source of input which contains 9999 Arrays of daily transaction object to be filtered, sorted and rendered.

Every tile of the Graph contains information about the day such as the total sum of credit and debit transactions that happened on this day

screen shot

Screencast-from-28-09-2019-22_53_04 webm

Available Scripts

Clone the repository

In the project directory, you can run:

npm install

Install dependecies

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

npm test

Launches the test runner in the interactive watch mode.

npm run build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

About

A Heat Map generating reactjs application


Languages

Language:JavaScript 95.4%Language:HTML 4.6%