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
Montserrat
font - Use
#ecf0f1
for your app's background-color - Use
#0a1612
for the nav-bar's background color - Use
#F7CE3E
for 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