Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/hamzaoutdoors/corona-tracker__react-capstone
- Owner: Hamzaoutdoors
- License: mit
- Created: 2021-10-11T12:38:43.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2021-11-27T23:17:52.000Z (almost 3 years ago)
- Last Synced: 2024-10-03T17:41:35.549Z (about 1 month ago)
- Topics: api, bootstrap, covid-19, covid19-data, covid19-tracker, framer-motion, jest, react, react-redux, redux, testing-library-react
- Language: JavaScript
- Homepage: https://ho-coronatracker21.netlify.app/
- Size: 17.4 MB
- Stars: 25
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
β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.
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 :
# 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