COVID-19 Data

This site was created to provide a simple, free and open-source user interface for covid19api.com. See the deployed site here.

This application is a straightforward access point for up-to-date statistics on COVID-19 confirmed cases, deaths, and recoveries by country.

Technologies Used

• React for a SPA with dynamic client-side rendering
• React Router for page navigation
• React Bootstrap for styled components
• MomentJS for React for date parsing
• Jest/Enzyme for component testing

Available Features

Current:

• Query the API with a search string that returns available case information for the country
• See available country list, and click on country to return specific results
• Include global summary of COVID-19 cases
• Loading spinner/message for Country Search
• Add testing coverage
• Add About page

Future:

• Refactor and DRY up React code (move state upward and component-ize reused code)
• Polish styling
• Render more detailed information on Country List selection
• Add graphics

Installation Instructions

• Clone the repo down locally.
• Be sure to have Node and NPM installed.
• Navigate into the project folder and run npm install to download required dependencies.
• Run npm start to launch the React development server.

Acknowledgements

This application wouldn't be possible without help from numerous sources, including:

• Kyle Redelinghuys, who created the covid19api
• Jennifer Meade, whose lessons and tutorials on React have been invaluable
• Tom Pawlak's blog post, which helped me quickly parse commas into long numbers
• All my instructors, colleagues and classmates at General Assembly, where I learned to code ♥

Contribution Guidelines

This is a work in progress, and any suggestions, contributions or bug identifications are more than welcome. Please fork and submit a pull request or submit an issue if you'd like to contribute to the project.