sp-dev-fx-webparts/samples/react-covid19-info
Hugo Bernier 242b8e5f9b Added telemetry to every README.md file 2020-04-04 02:18:47 -04:00
..
assets Added a new react-covid19-info sample which contains a web part for showing some basic info about the corona virus for a specific country 2020-03-25 15:49:35 +01:00
config Added a new react-covid19-info sample which contains a web part for showing some basic info about the corona virus for a specific country 2020-03-25 15:49:35 +01:00
src Added a new react-covid19-info sample which contains a web part for showing some basic info about the corona virus for a specific country 2020-03-25 15:49:35 +01:00
teams Added a new react-covid19-info sample which contains a web part for showing some basic info about the corona virus for a specific country 2020-03-25 15:49:35 +01:00
.editorconfig Added a new react-covid19-info sample which contains a web part for showing some basic info about the corona virus for a specific country 2020-03-25 15:49:35 +01:00
.gitignore Added a new react-covid19-info sample which contains a web part for showing some basic info about the corona virus for a specific country 2020-03-25 15:49:35 +01:00
.yo-rc.json Added a new react-covid19-info sample which contains a web part for showing some basic info about the corona virus for a specific country 2020-03-25 15:49:35 +01:00
LICENSE Added a new react-covid19-info sample which contains a web part for showing some basic info about the corona virus for a specific country 2020-03-25 15:49:35 +01:00
README.md Added telemetry to every README.md file 2020-04-04 02:18:47 -04:00
gulpfile.js Added a new react-covid19-info sample which contains a web part for showing some basic info about the corona virus for a specific country 2020-03-25 15:49:35 +01:00
package-lock.json Added a new react-covid19-info sample which contains a web part for showing some basic info about the corona virus for a specific country 2020-03-25 15:49:35 +01:00
package.json Added a new react-covid19-info sample which contains a web part for showing some basic info about the corona virus for a specific country 2020-03-25 15:49:35 +01:00
tsconfig.json Added a new react-covid19-info sample which contains a web part for showing some basic info about the corona virus for a specific country 2020-03-25 15:49:35 +01:00
tslint.json Added a new react-covid19-info sample which contains a web part for showing some basic info about the corona virus for a specific country 2020-03-25 15:49:35 +01:00

README.md

COVID 19 information web part

Summary

This web part displays info about the COVID-19 virus for a given country. The following info is displayed:

  • Confirmed cases
  • Deaths
  • Recovered

COVID-19 info

Used SharePoint Framework Version

drop

Applies to

Solution

Solution Author(s)
react-covid19-info Robin Agten

Web part properties

Property Group Description Default
iso2 Country Code Country Settings Defines the country for which the COVID-19 info should be displayed example: BE for Belgium None
Show history button Web part configuration Determines whether or not the history icon is shown. This can be used to show an graph of historical data False
View more statistics Web part configuration Provide an optional external link to more details statistics None
Up count duration Web part configuration Number of seconds for the counters to count up 2
Color for the Confirmed Cases number Web part configuration Defines the color of the Confirmed cases number #69797e
Color for the Deaths number Web part configuration Defines the color of the Deaths number #d13438
Color for the Recovered number Web part configuration Defines the color of the Recovered number #498205

Version history

Version Date Comments
1.0 March 25, 2020 Initial Release

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.


Minimal Path to Awesome

  • Clone this repository
  • in the command line run:
    • npm install
    • gulp serve

Features

  • Configurable Country
  • Configurable Colors
  • Optional historical graph
  • Optional 'view more statistics' link

This Web Part illustrates the following concepts on top of the SharePoint Framework: