Setup and Development

npm install
npm start

Open [http://localhost:3000] (http://localhost:3000)

Production Build

This will create bundled files in a folder called build.

npm run build

Technologies Used

• ReactJS
• ES6
• SASS
• Highcharts

Directory Structure

  * public/index.html: Root HTML file to render the webpage.
  * src/Components: Contains all components.
  * src/SASS: Styles files are added here.
  * src/Utils.js: Business logic to calculate the data and format the data as per charts
  * src/Constant.js: Defined Constant here.
  * src/index.js: Connecting ReactJS with html here.

About Project

Problem Statement

Wikipedia says, "Sachin Tendulkar is a former Indian cricketer, widely regarded to be the

We are analysing the above statement.

Solution

We have detailed career data of Sachin Tendulkar.

Showing two pages: Dashboard & Statistics Analysis.

• Dashboard: Showing detailed data of Sachin's ODI career in charts. This includes Home/Away Performance, Runs, Average Rate, Centuries, Half Centuries, No. of Matches Played and Contribution statistics.
• Statistics Analysis: Showing data for ODI and Test Format. Comparing with other great cricketers of all the time.