skur42 / master-blaster

A web-app made with React JS to analyze Sachin Tendulkar's ODI career.

Home Page:https://master-blaster.netlify.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Master - Blaster

A web-app made with React JS to analyze Sachin Tendulkar's ODI career.

Getting Started

npm install
npm start

Tech Stack and Frameworks used

React JS, Tailwind CSS, Express with Node JS, React-Redux

Performance Optimization

Used Chrome DevTools to analyze which components are rendered. The page load time is under 2 seconds (Calculated using a chrome tool).

Webpack Build Analyzer

Visualized the build using webpack build anazlyzer to know the modules' sizes and optimizing the performances.

Code Splitting

Implemented React.lazy and Suspense which reduced the application bundle size by 72%.

Serivce Worker

Used service worker to register and run the script in background for faster performance.

Deployment

Used netlify to host the app. Visit Sachin Tendulkar

About

A web-app made with React JS to analyze Sachin Tendulkar's ODI career.

https://master-blaster.netlify.com


Languages

Language:CSS 95.0%Language:JavaScript 4.9%Language:HTML 0.1%