Covid 19
COVID-19 World is yet another Project to build a Dashboard like app to showcase the data related to the COVID-19(Corona Virus).
Overview
COVID-19 World is an innovative project aimed at providing comprehensive statistics and analytics related to the COVID-19 pandemic. Launched amidst the global outbreak that began in December 2019, this app serves as a valuable tool for users to track and understand the complexities of the disease's spread. It serves both individual users looking for updated information and researchers seeking detailed analysis of COVID-19 data.
The app is designed in ReactJS, leveraging various public APIs to pull up-to-date information. With its user-friendly interface, COVID-19 World makes it easy to see the current situation through visually appealing dashboards and statistics, catering especially to users in India but also providing global insights.
Features
-
Home Page Statistics: Displays vital statistics for India including total confirmed cases, active cases, recoveries, and deaths, making it easy to understand regional impacts.
-
Trend Analysis: Offers insights into daily new cases and percentage changes, allowing users to see trends over time at a glance.
-
World Comparison: Allows users to compare COVID-19 statistics across multiple countries, helping to understand variations in infection rates and recoveries.
-
Country Drill-Down: Provides detailed views for specific countries, which can be accessed through a simple type-down search feature.
-
Information Hub: Dedicated page for general information about COVID-19, ensuring users have access to educational resources.
-
Curated News Feed: Features the latest news related to COVID-19 and health, sourced from various global publications.
-
Local Storage Feature: Saves user-selected countries for easy tracking over time, enhancing the personalized experience.
-
Open Source Accessibility: Available for users who wish to run it locally or contribute to its ongoing development by cloning the repository on GitHub.
- 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 is the most popular CSS Framework for developing responsive and mobile-first websites.
- 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.
- Dashboard
A dashboard style website template is a pre-designed layout that features a user interface resembling a control panel or dashboard. It typically includes charts, graphs, tables, and other data visualization tools that allow users to monitor and analyze data in real-time.
- 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.
- Redux
Redux is a state management library for JavaScript apps that provides a predictable and centralized way to manage application state. It enables developers to write actions and reducers that update the state in response to user interactions, server responses, and other events, and can be used with a variety of front-end frameworks and back-end technologies.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.