Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/hamzaoutdoors/corona-tracker__react-capstone

A SPA web application for checking and tracking COVID 19 around the world using React and Redux . The web app will have several pages
https://github.com/hamzaoutdoors/corona-tracker__react-capstone

api bootstrap covid-19 covid19-data covid19-tracker framer-motion jest react react-redux redux testing-library-react

Last synced: 18 days ago
JSON representation

A SPA web application for checking and tracking COVID 19 around the world using React and Redux . The web app will have several pages

Awesome Lists containing this project

README

        



Microverse


MIT Licensed


GitHub last commit (branch)


GitHub Repo stars


GitHub followers


react redux


β€œNothing is impossible, the world itself says "I'M POSSIBLE" . ” - Audrey Hepburn

# Corona Tracker

- A SPA web application for checking and tracking daily information about COVID 19 in the big European Countries using React & Redux. The web app has several pages :

- Home page with a list of European countries that can be filtered by the country.
- Detail page for more detail about the country by clicking on it with the number of infected and deaths.

- For this project, I interacted with [Narrativa API](https://covid19tracking.narrativa.com/index_en.html)
## More about the project :

Because COVID-19 virus affects all of us. Today it's someone else who is getting infected; tomorrow it could be us. We need to prevent the spread of this virus. We need to build app so that people can track and follow COVID-19 virus spread and make decision.



logo

About Page | Home Page | Detail Page
:-------------------------:|:-------------------------:|:-------------------------:
![](https://user-images.githubusercontent.com/80895497/137564073-7b49d974-f0d3-4857-a2e7-2a8e0015e239.png) | ![](https://user-images.githubusercontent.com/80895497/137564198-df23a183-da88-46bd-a7da-5efe01e2f485.png) | ![](https://user-images.githubusercontent.com/80895497/137647631-2bf967db-4e7c-4349-93ca-59de1714db3c.png)



## Built With

- JSX, JavaScript with ES6
- React.js with Redux
- Linters, Node.js, Git, Flexbox
- React-Bootstrap

## Live demo

Live demos for this project can be found on the following Cloud Platforms :


Netlify deployement

# Getting Started with Create React App

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.\
You will also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode.\
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

# Author

πŸ‘€ **Ellaouzi Hamza**

- GitHub: [hamzaoutdoors](https://github.com/Hamzaoutdoors)
- LinkedIn : [Hamza Ellaouzi](https://www.linkedin.com/in/hamza-ellaouzi-137a45b8/)
- Twitter: [Hamza Ellaouzi](https://twitter.com/EllaouziHamza)
- Instagram : [HamzaOutdoors](https://www.instagram.com/hamzaoutdoors/?hl=fr)

# 🀝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://github.com/Hamzaoutdoors/Corona-Tracker__react-capstone/issues).

# Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- Hat tip to [Nelson Sakwa](https://www.behance.net/gallery/31579789/Ballhead-App-%28Free-PSDs%29) on Behance πŸ”°
- Inspiration πŸ’˜
- Microverse program ⚑
- My standup team 😍
- My family's support πŸ™Œ
- MicroBros 😜

## πŸ“ License

This project is [MIT](./LICENSE) licensed.

Made with ❀ by Hamza