Covid 19 Global Dashboard

screenshot of Covid 19 Global Dashboard
react
bootstrap
scss

Covid-19 Global | India Analytics Dashboard

Overview

The Covid-19 Global Dashboard is an impressive tool designed to provide real-time updates and analytics on the ongoing pandemic. Specifically tailored for India, it showcases a comprehensive view of the coronavirus situation across the globe. By leveraging modern web development technologies, this dashboard ensures that users remain informed about the current status of confirmed cases, recoveries, deaths, and active cases worldwide.

This dashboard not only focuses on delivering essential information, but it also emphasizes an intuitive user experience. Utilizing ReactJS along with various visualization libraries, it promises both performance and aesthetic appeal, making it an excellent resource for anyone looking to keep track of Covid-19 developments.

Features

  • Real-time Updates: Get instant access to the latest statistics on coronavirus cases in India and globally, ensuring you're always informed.
  • Comprehensive Analytics: Analyze the impact of Covid-19 with detailed insights into confirmed, recovered, death, and active cases across different countries.
  • User-friendly Interface: Designed with a clean and intuitive layout, making navigation easy for users of all demographics.
  • Data Visualization: Employing React-Google-Charts and ReCharts, the dashboard presents data in visually engaging charts and graphs for better understanding.
  • Geographical Mapping: Utilize React-Simple-Maps for an interactive look at the spread of the virus, providing geographical context to the data.
  • Structured Data Presentation: React-Table integration organizes data efficiently, enabling users to view detailed case numbers without clutter.
  • Responsive Design: Optimized for both desktop and mobile devices, ensuring accessibility for users regardless of their preferred platform.
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

github-pages
GitHub Pages

Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading

recharts
Recharts

Recharts is a powerful and easy-to-use React library for building customizable and interactive charts. Built on D3.js, it offers a wide range of pre-built chart types, such as line, bar, pie, and scatter charts, all of which can be composed with a declarative syntax.