Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/imubarak234/covid-metrics-webapp

The COVID metrics WebApp is a simple SPA Javascript ApPLications. Implemented with React-Redux. The Application is connected to a COVID API where it collects and renders Statistical data on death tolls, recovery numbers, and total cases in each documented region.
https://github.com/imubarak234/covid-metrics-webapp

api-rest bootstrap5 react reactjs redux

Last synced: 27 days ago
JSON representation

The COVID metrics WebApp is a simple SPA Javascript ApPLications. Implemented with React-Redux. The Application is connected to a COVID API where it collects and renders Statistical data on death tolls, recovery numbers, and total cases in each documented region.

Awesome Lists containing this project

README

        

# Covid Metrics WebApp
The COVID metrics WebApp is a simple SPA Javascript ApPLications. Implemented with React-Redux. The Application is connected to a
COVID API where it collects and render Statictical data on death tolls, recovery number, totatl cases in each documented region.

# Screenshots

## Homepage
![Screenshot (47)](https://user-images.githubusercontent.com/71400898/152621296-a03b9717-0b1a-46b3-b02b-af818e8212f7.png)

## Countries Page
![Screenshot (48)](https://user-images.githubusercontent.com/71400898/152621300-c20403ed-4b0d-42ea-a537-726d43d01375.png)

## Regions Page
![Screenshot (49)](https://user-images.githubusercontent.com/71400898/152621308-f746108a-381d-4b56-a167-10396c0bfd0e.png)

## Built With
- React-Redux
- Javascript
- React Bootstrap

### Technologies used
- Github
- Gitflow
- Visual Studio Code

## Project Presentation
[Presentation Link](https://www.loom.com/share/5e485e6f5de74f7dbb012d31c7ee19f7)

## Live Demo
[Link](https://covid-metrics-webapp.herokuapp.com/)

## Getting Started
**To clone this project**
**Run command: ```$git clone ``` [repo](https://github.com/imubarak234/covid-metrics-webapp)**
**or press the green Code button in the upper right corner and choose to download from the Download ZIP link.**
* Open terminal and type : 1- npm install
2- npm run build.
3- npm start.
## Authors

:man:Mubarak Ibrahim
- [Github](https://github.com/imubarak234)
- [LinkedIn](www.linkedin.com/in/mubarak-ibrahim-mb)

## :handshake: Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](../../issues/).
## Show your support

Give a :star:️ if you like this project!
## Acknowledgments
Original design idea by [Nelson Sakwa on Behance](https://www.behance.net/sakwadesignstudio).
- Hat tip to anyone whose code was used
- Inspiration
- etc
## :memo: License
This project is [MIT]([./MIT.md](https://github.com/microverseinc/readme-template/blob/master/MIT.md)) licensed.
The [Creative Commons license of the design](https://creativecommons.org/licenses/by-nc/4.0/)[](https://github.com/microverseinc/curriculum-react-redux/blob/main/capstone/react_capstone.md#project-documentation)