This is a completed assignment for React front-end position. It was about using the @grafana-ui library to display dummy data from https://dummyjson.com/products with a Grafana table.
To have a fast overview, please open terminal in the project's root and simply run
npm install
and then
npm start
Note: if, after server started, your browser didn't open, you can manually open http://localhost:3000
- Displaying almost everything from the dummy JSON;
- Used colours for rating, stock and discount columns;
- Rating also have a gradient bar to additional visualisation;
- You can hover image to zoom it out;
- Bad request case covered with displaying error message;
- Cool loader is displaying while fetching data.