COVID-19 statistics

The table of contents

• About
• Live-demo
• Application pictures
• Features
• How to use the application
• Getting started (Development)
• Launch the application
• Test the application
• Author
• Show your support
• Acknowledgments
• Issues
• 📝 License

About

In this application, we show the statistics of COVID-19 Globally in the world and also in every country. The informations shown here are gathered from M-Media-Group /Covid-19-API API. We show here the number of cases, deaths, and recovery from COVID-19.

To build this application we used:

• Javascript ES6;
• Html/CSS;
• React;
• Redux;
• React-Redux;
• Jest;
• Create React App;
• React Hooks;
• React Router
• Linters ( eslint and stylelint)

Live-Demo

The live demo link

Application pictures

This is the homepage of the application

This is the country details page of the application

Features

• The number of cases of COVID-19 in every country;
• The number of deaths due to COVID-19 in every country;
• The number of recoveries from COVID-19 in every country;
• The number of cases of COVID-19 globally in the world;
• The number of deaths due to COVID-19 globally in the world;
• The number of recoveries from COVID-19 globally in the world;
• Filter the results according to :
  • the continent;
  • the minimum number of cases;
  • the maximum number of cases;
  • the minimum number of deaths;
  • the maximum number of deaths.

How to use the application

In this Application, on the home page, the user gets the informations about the COVID-19 statistics (cases, deaths, and recoveries). The user can use the filter form to change the results to be shown. If the user wants to get more details about a specific country, he can click on the name of that country in order to access a page of details. There he finds the information about the country:

• the capital of the country;
• the population in the country;
• the number of confirmed cases;
• the number of deaths due to COVID-19;
• the number of recoveries from COVID-19;
• the increase in the number of cases in the last 30 days;
• the increase in the number of deaths in the last 30 days.

Getting started (Development)

To get a local copy of the repository please run the following commands on your terminal:

$ git clone git@github.com:ABDELLANI-Youcef/covid-19-statistics.git
$ cd covid-19-statistics
$ git checkout development
$ git branch feature-branch
$ git checkout feature-branch

Launch the application

After making the local copy of the repository:

• get inside the repository folder;
• setup the dependencies of the project: in the terminal run: yarn install
• enter the command: yarn start to start the server in localhost.
• then you get the application in the localhost in your web browser.

Test the application

After making the local copy of the repository:

• get inside the repository folder;
• setup the dependencies of the project: in the terminal run: yarn install
• enter the command: yarn test to test the application.
• then you get the application tested.

In this application I test the components using the snapshots and I test the logical functions using jest.

Author

Youcef Abdellani

• Github: @ABDELLANI-Youcef
• LinkedIn:LinkedIn
• Twitter:@YoucefAbdellani

🤝 Contributing

Contributions, issues ,and feature requests are welcome!

Show your support

Give an ⭐️ if you like this project!

Acknowledgments

• Hat tip to stackoverflow community.
• Hat tip to Microverse TSE for Code Review
• Hat tip to Create React App
• Hat tip to M-Media-Group /Covid-19-API
• Hat tip to Nelson Sakwa
• Hat tip to anyone whose code was used

Issues

If you would like to report an issue the link

📝 License

All source code is available jointly under the MIT License. See MIT licence for details.