To load the data into a file, you can use this code:
//use setTimeout to simulate an API call - you can, of course, do this without the setTimeout, but using setTimeout will simplify your transition to connecting your to your server later onsetTimeout(() => { let data = require('../data.json') //populate state with data }, 100)
Where do you load data in React?
- Use google-fonts API to get the
Montserratfont - Use
#ecf0f1for your app's background-color - Use
#0a1612for the nav-bar's background color - Use
#F7CE3Efor the table's header background-color - Use these for your badges background colors:
#2ecc71,#3498db,#e74c3c,#f1c40f - And these colors for your charts:
- Top Salespeople:
#003f5c - Sales By X:
#955196 - Sales over time:
#ff6e54 - Client Distribution:
#795548,#34495e,#95a5a6
- Top Salespeople:
- Check this out for simple to implement loaders