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

“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

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

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.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open 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 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 for more information.

Author

👤 Ellaouzi Hamza

• GitHub: hamzaoutdoors
• LinkedIn : Hamza Ellaouzi
• Twitter: Hamza Ellaouzi
• Instagram : HamzaOutdoors

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Hat tip to Nelson Sakwa on Behance 🔰
• Inspiration 💘
• Microverse program ⚡
• My standup team 😍
• My family's support 🙌
• MicroBros 😜

📝 License

This project is MIT licensed.

Made with ❤ by Hamza

corona-tracker__react-capstone's Issues

Desktop version

If you decide to implement these requirements you should do it in a separate pull request. As always, remember to clearly document your decision in GitHub comments.

• You could implement some UX improvements: include transitions and/or animations, etc.
• You can implement additional pages in the website (each with a route in the SPA): about me, references, etc.
• Make sure that you have a decent desktop design for the webapp.