This project demonstrates how to build a real time dashboard that uses data from the Nexmo Number Insight API to power charts and graphs.
Check out a live version on Heroku.
To set up your own version, run the following commands after cloning the repo, clicking the Deploy To Heroku button, or remix the Glitch version:
$ npm install
$ cp .env.sample > .env # Remember to include your own API keys
$ npm run dev
There are a few dependencies on third party services (all of which have free tiers you can sign up for without a credit card). You'll also need accounts with these services:
All of the credentials, URIs, and other pieces of information to make this app work are located in a .env
file. Take a look at the .env.sample
file in this repo to see what you'll need to make a note of.
Each graph in this application is a React component. They all follow the same pattern so can be easily copied should you wish to create your own.
Any new components can be submitted for inclusion in this project via pull request and would be gratefully received.