https://github.com/yothu/covid-19-monitor
Web application that tracks the covid-19 statistics in Chile and its regions.
https://github.com/yothu/covid-19-monitor
api-client covid19-data react-redux web-application
Last synced: 6 months ago
JSON representation
Web application that tracks the covid-19 statistics in Chile and its regions.
- Host: GitHub
- URL: https://github.com/yothu/covid-19-monitor
- Owner: Yothu
- Created: 2022-03-07T14:56:13.000Z (over 3 years ago)
- Default Branch: develop
- Last Pushed: 2022-03-11T14:08:14.000Z (over 3 years ago)
- Last Synced: 2025-04-23T21:08:10.615Z (6 months ago)
- Topics: api-client, covid19-data, react-redux, web-application
- Language: JavaScript
- Homepage: https://covid-19-monitor2.netlify.app/
- Size: 2.01 MB
- Stars: 6
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Covid 19 Monitor
> Web page that shows the covid statistics of the country of Chile, all the confirmed cases, the deaths and also the daily statistics.
> It also shows the covid statistics of each region of the country, and its flag.
> This is the capstone project for the third Microverse module, React and Redux.
## Built With
- JavaScript, CSS
- React, Redux
- Webpack
## Live Demo
Check the live demo for this project [here](https://covid-19-monitor2.netlify.app/).
## Getting Started
To get a local copy up and running follow these simple example steps.
### Prerequisites
You need to be able to use **Node Package Manager**, or also called, the `npm` command.
If you dont have it, install it with these commands in the CLI (for Linux):
`curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash -`
`sudo apt install nodejs`
Then, run this command in the CLI:
`npm --version`
If the previous command prints a single line with a version number on screen, `npm` was installed.
### Install
First you need to clone the repository into the folder of your choice with this command:
`git clone https://github.com/Yothu/covid-19-monitor.git`
Then go inside the repository foler with this command:
`cd covid-19-monitor`
After you are inside, download the `npm` dependecies with this command:
`npm install`
Finally, show the project through the browser with this command:
`npm start`
### Usage
+ Once in the browser, you will see the **Home page**, in it you will see two sections, the *country section* and the *regions section*, in the first one you will se the map of the country the covid app is based in, and also its covid statistics. On the *regions section* you will see all the regions of the country listed, you can filter them by today's `confirmed` cases and `deaths`.
+ Once you click on a region you will be redirected to the **details page**, in it there are the covid statistics of that region, showing the region's flag, and statistics.
+ You can press the left arrow in the header to go back to the **Home page**.
## Author
👤 David Vergaray
- GitHub: [@Yothu](https://github.com/Yothu)
- Twiter: [@Daivhy](https://twitter.com/Daivhy)
- LinkedIn: [David Vergaray](https://www.linkedin.com/in/david-vergaray-almontes-051a11127/)
## Acknowledgments
[Original design](https://www.behance.net/gallery/31579789/Ballhead-App-(Free-PSDs)) created by [Nelson Sakwa](https://www.behance.net/sakwadesignstudio) in Behance.
## 📝 License
This project is [MIT](./MIT.md) and [Creative Commons](https://creativecommons.org/licenses/by-nc/4.0/) licensed.
## Show your support
Give a ⭐️ if you like this project!