Skip to content

nexmo-community/number-insight-dashboard-example

Repository files navigation

Nexmo Number Insight API Dashboard

Edit realtime-number-insight-dashboard-nextjs Remix on Glitch Deploy Deploy with Vercel

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.

Contributing new graphs

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.

About

An example app that demonstrates building a real time dashboard to display aggregated information from the Nexmo Number Insight API. Built using Node.js, MongoDB, React (Next.js) & Chart.js.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published