Skip to content

Latest commit

 

History

History
51 lines (35 loc) · 2.18 KB

README.md

File metadata and controls

51 lines (35 loc) · 2.18 KB
Raw

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.