Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thecodechaser/covid19-metrics
Covid19 Metrics is a web application that fetches covid data from API and renders it on the screen. It shows all countries with the confirmed covid cases on the homepage, users can select any country and go to the details page. The details page shows other details for that specific country like recovered cases, confirmed cases, deaths.
https://github.com/thecodechaser/covid19-metrics
css html javascript react redux webpack
Last synced: 18 days ago
JSON representation
Covid19 Metrics is a web application that fetches covid data from API and renders it on the screen. It shows all countries with the confirmed covid cases on the homepage, users can select any country and go to the details page. The details page shows other details for that specific country like recovered cases, confirmed cases, deaths.
- Host: GitHub
- URL: https://github.com/thecodechaser/covid19-metrics
- Owner: thecodechaser
- Created: 2022-01-31T08:47:14.000Z (almost 3 years ago)
- Default Branch: dev
- Last Pushed: 2022-02-13T12:54:21.000Z (over 2 years ago)
- Last Synced: 2024-10-04T03:22:07.786Z (about 1 month ago)
- Topics: css, html, javascript, react, redux, webpack
- Language: JavaScript
- Homepage: https://covid19-metrics-thecodechaser.netlify.app/
- Size: 7.85 MB
- Stars: 11
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
![](https://img.shields.io/badge/thecodechaser-blueviolet)
# Covid19 Metrics
> Covid19 Metrics is a web application that fectches covid data from API and renders on the screen. It shows all countries with the confirmed covid cases on the homepage, Users can select any country and goto the details page. Details page shows other details for that specific country like recovered cases, confirmed cases, deaths.
## Screenshots:
### Mobile
![screenshot](./src/asset/Screenshot1.png)
![screenshot](./src/asset/Screenshot2.png)
### Desktop
![screenshot](./src/asset/Screenshot3.png)
![screenshot](./src/asset/Screenshot4.png)
## Built With
- HTML
- CSS
- JavaScript
- REACT
- Redux
- Webpack
- Jest## Online live link
[Visit project online](https://covid19-metrics-thecodechaser.netlify.app)
## Getting Started
To get a local copy up and running follow these simple example steps.
### Prerequisites
- A text editor(preferably Visual Studio Code)
- Node
- Web browser### Install
- [Git](https://git-scm.com/downloads)
- [Node](https://nodejs.org/en/download/)### Using it Locally
- Clone the project
```bash
git clone https://github.com/thecodechaser/covid19-metricscd covid19-metrics
```- Install dependencies
```bash
npm i
or
npm install
```
- To Start the development server
```bash
npm start
```- To test the project
```bash
npm run test
```## Visit And Open Files
[Visit Repo](https://github.com/thecodechaser/covid19-metrics)
## Download Repo
[Download Repo](https://github.com/thecodechaser/covid19-metrics/archive/refs/heads/main.zip)
## Authors
👤 **Ranjeet Singh**
- GitHub: [@githubhandle](https://github.com/thecodechaser)
- Twitter: [@twitterhandle](https://twitter.com/thecodechaser)
- LinkedIn: [LinkedIn](https://linkedin.com/in/thecodechaser)## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/thecodechaser/covid19-metrics/issues).
## Show your support
Give a ⭐️ if you like this project!
## Acknowledgments
- Inspired by original design for Creative Commons by Nelson Sakwa on [Behance](https://www.behance.net/sakwadesignstudio).
- Inspiration: Microverse## 📝 License
This project is [MIT](./MIT.md) licensed.