Our dashboard app aims to present essential video game analytics data in a meaningful way, helping users to uncover insights, identify trends, and monitor the impact of their decisions on games/ genre/ platform. Furthermore user can search and filter games through the app. Dashboard will be utilising the data from RAWG API to provide the required results.
A non-exhaustive list of the distinctive features intended to be added to the chat application is provided below:
- Dashboard that shows analytics on various parameters like Genre, Platforms, Popularity etc
- Advanced game search and filtering options
- Details of the selected Games
- Clone the repo from either of the following links:
- [https://github.com/Pranav-PSU/GameScout.git] (HTTPS)
- [git@github.com:Pranav-PSU/GameScout.git] (SSH)
- [gh repo clone Pranav-PSU/GameScout] (Github CLI)
- Navigate to newly created folder and open the terminal. Execute the following command:
npm install - Execute the following command:
npm start - The browser should launch with a tab running the GameScout application.
- https://api.rawg.io/docs/#operation/developers_read
- https://rawg.io/apidocs
- https://react-bootstrap.netlify.app/docs/components/accordion
- https://reactrouter.com/en/main/components/nav-link
- https://www.npmjs.com/package/react-spinner-overlay/v/0.1.12
- https://react-chartjs-2.js.org/
- https://www.chartjs.org/
- https://www.npmjs.com/package/react-infinite-scroll-component
- https://towardsdatascience.com/how-to-use-aws-amplify-to-deploy-a-react-application-ae93cd6e4525
- https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
- https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
- https://stackoverflow.com/questions/4502633/how-to-affect-other-elements-when-one-element-is-hovered
- https://css-tricks.com/snippets/css/multiple-borders/
- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flexible_box_layout/Aligning_items_in_a_flex_container
- https://getbootstrap.com/docs/4.0/layout/grid/
- https://www.w3schools.com/css/css_link.asp
- https://stackoverflow.com/questions/14938428/why-would-max-width-not-work-on-this
- https://stackoverflow.com/questions/4743254/setting-a-width-and-height-on-an-a-tag
- https://stackoverflow.com/questions/5581799/how-to-stretch-div-height-to-fill-parent-div-css
- https://www.chartjs.org/docs/latest/configuration/legend.html
- https://www.chartjs.org/docs/latest/configuration/responsive.html
- https://stackoverflow.com/questions/59325426/how-to-resize-chart-js-element-in-react-js
- https://stackoverflow.com/questions/42870869/chartjs-top-and-bottom-padding-of-a-chart-area
- https://stackoverflow.com/questions/37292423/chart-js-label-color
- https://stackoverflow.com/questions/49422790/how-to-create-legend-position-in-pie-chart-js
- https://stackoverflow.com/questions/45479855/change-label-color-y-and-x-axis-chart-js
- https://stackoverflow.com/questions/38272444/chart-js-axes-label-font-size
- https://www.chartjs.org/docs/latest/samples/other-charts/doughnut.html
- https://stackoverflow.com/questions/70422044/create-space-between-legend-and-chart-in-charts-js
- https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scrollbars_styling
- https://stackoverflow.com/questions/16670931/hide-scroll-bar-but-while-still-being-able-to-scroll
- https://mdbootstrap.com/docs/react/components/cards/
- https://stackoverflow.com/questions/33150835/overflow-hidden-behind-padding