This webpart shows the number of COVID-19 cases recorded from different countries on a sharepoint site. It allows the users to select their personal choice of a particular country. And shows the information for the chosen country.
Refer the blog for more details
This webpart uses the data from Coronavirus Data API
- Download the latest app package file from the Releases section.
- Add the .sppkg file to your App Catalog
- Install the app in a SharePoint site.
- From the Webpart Toolbox search for Covid-19 Tracker webpart and add it to the page.
| Property | Type | Default | Comments |
|---|---|---|---|
| Default Country | Dropdown | The default country to be shown | |
| Default Province | Dropdown | The default province to be shown |
This Web Part uses PnPjs library, Office-UI-Fabric-react components and coronavirus-tracker-api which is a wrapper on top of Johns Hopkins CSSE data respository
| Solution | Author |
|---|---|
| react-covid-19-tracker | Ram  |
| Version | Date | Comments |
|---|---|---|
| 1.0.0.0 | March 15, 2020 | Initial release |
| 1.0.0.1 | March 17, 2020 | Added property to select default Country/Province. Changed the display format for the stats. |
If you would like to contribute by adding new features or fixing existing/reported issues, please checkout the issues. Leave a comment on the issue which you would like to work on. Once the issue is assigned to you, you can start working on the task and submit a pull request.
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.
- Clone this repository
- Run the following in the command window:
npm installgulp buildgulp bundle --shipgulp package-solution --ship