An IPL (Indian Premier League) web application developed in React and Node for data visualisation.
- React: It is used to develop the entire frontend application.
- react-router: Used for handling routing on the frontend.
- d3.js: For binding datasets to DOM elements on the frontend and to draw SVG shapes easily.
- Express: For building an HTTP node server on the backend.
- Mongoose: Used as a node client for mongoDB database.
- MongoDB: Used as database on the backend.
-
Create the web-app in vue.js: I have used Reactjs because I have been working with it for quite sometime now. Also, I haven't got my hands dirty with vue.js yet.
-
optimize the loading time: I have only used the packages that are required for the project to do all the heavy-lifting. Secondly, I am using code-spliting with react to make chunks for my
bundle.jsfile so that the user can get quick first paint. -
make it mobile responsive: I have used CSS flexbox extensively to develop the UI so that the elements adjust themselve to different screen sizes. I am also using
media-querieswhen required. -
make it a progressive web-app: I have not worked on this this part of the assignment due to time issues. I am aware about the concepts of PWA and I'll add it to project later.
-
make it offline usable: I have not worked with the ServiceWorkers and Caching yet but I am familiar about the concepts and I have discussed things like Caching strategies etc.