Skip to content
Analysis of Sachin Tendulkar's ODI career.
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
public
src
.gitignore
README.md
package.json
yarn.lock

README.md

Netlify Status

s r t analysis

Deployment Link: https://srt-analysis.netlify.com/

Problem Statement

Wikipedia says, “Sachin Tendulkar is a former Indian cricketer, widely regarded to be the greatest cricketer of all time.” Use the given data on Sachin Tendulkar's entire career to prove or disprove the given statement.

My Solution

As I have applied for Frontend Engineering Internship at Atlan, I have tried to provide an Atlanish look and feel to it. I have tried to replicate the same color scheme. I have used JS functions to calculate the stats and Recharts to visualize these results. The frontend is made on React to draw a positive conclusion that Sachin is indeed the greatest cricketer of all time.

  • The whole project is jQuery free.
  • I have also visualized the results.

Technologies Used

  • Architecture used
    • MV Architecture
  • Model
    • data.json: Converted the CSV to JSON, for easier data manipulation.
    • functions.js: Contains all the functions used to extract info about Sachin from data.json.
  • View
    • React JS: For view, or frontend side I have used ReactJS
    • React-bootstrap: To consume minimal bootstrap components, I have used react-bootstrap.
    • Recharts: For visualization, I have used Recharts for graphs and pie charts.
    • React-Select): To use the best-in-class select component for React
    • React-reveal: To provide animations and smooth transitions.
You can’t perform that action at this time.