Covid-19 Tracker

This project was bootstrapped with Create React App and it's a responsive web application to show a list of current covid casses classified by countries and regions, according to the data provided by Johns Hopkins University. It is a single-page application (SPA) built with React and Redux.

The original design idea is based on a template by Nelson Sakwa on Behance and it licenced by Creative Commons.

When the page loads, the webapp's home page shows the list of categories that could be filtered out by country name. When the user clicks (or taps) on a category item, the application navigates to the details page.

image

In the details page, the webapp retrieves data from the API to show detailed data of covid cases in the category. When the user clicks on the "Back" button (<), the user navigates to the home page.

image

you can watch this video presenting the features of the project in 4 minutes.

Live Demo

Covid Tracker Live Demo

Built With

  • React
  • Redux

Getting Started

step1 cloning the project:

git clone https://github.com/ZahraArshia/bookstore.git

step2 buile the project:

npm run build

Builds the app for production to the build folder. The build is minified and the filenames include the hashes.

npm start

Runs the app in the development mode. Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes. You may also see any lint errors in the console.

step3 test

npm test

Launches the test runner in the interactive watch mode.

Author

Zahra

Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

License

This project is MIT licensed.