jeel2308/ipl-trivia

Web App for interesting trivia and stats on performance of IPL teams

IPL trivia

This project was bootstrapped with Create React App.

View Demo at - https://ipl-trivia.netlify.app/

A website visualizing performance of teams in IPL.

Tools and Tech Used

• ReactJS - Frontend Framework.
• Recharts - D3 based react chart library
• React Router - D3 based react chart library
• React Loadable - To improve website loading performance
• React Loader Spinner - To show loader when website is Loading

Features

• It is a progressive web app so it will cache upcoming requests. So it will reduce network traffic and improve user experience and we can also use it offline once it has enough data in cache. It uses service-worker for achieving this.
• It uses React loadable component for improving loading time by requesting only those chunks which are required now instead of whole big chunk.
• It is responsive. It will work correctly for screen size>=4 inches.

For Development

• You will need Node or Yarn to run the application.You can download it from here - Node, Yarn.

• Now run following commands

  git clone https://github.com/jeel2308/IPL-trivia.git
  cd IPL-trivia
  

• Now run following commands

  //if you are using yarn
  yarn
  yarn start
  
  //if you are using npm
  npm install 
  npm run start
  

• Now go on http://localhost:3000/ in a browser to see the app

For Production

• run following commands

  // if you are using yarn
  yarn build
  // if you are using npm
   npm run build
  

Screenshots