This UI Challenge is about building a beautiful and simple, yet fully functional Xamarin Forms app that allows you to track global and local COVID-19 statistics. We make use of:
- Simple Rest API Helper to fetch latest news data and COVID statistics (global and country-wide)
- CoverflowView to display the latest news with scaling and opacity
- Microcharts to display Donut Chart with a custom legend
- PancakeView for beautiful rounded frames with shadows
- FFImageLoading for caching images
- Animations to show pop-up panes
- Custom page design, fonts, colors and styles
- Busy Indicator control using simple View Models (with base)
You can download the full source code of the app from Github.
The Design
![](/image.axd?picture=/XGENOCOVIDTracker/MainImage.png)
You can also see the running version of this app HERE.
See me build this app
You can see me build this app in a 3-part series on Youtube. We start from scratch by creating a blank XF app and completing it step by step.
Part 1
Part 2
Part 3
And that's it for this app. You can head over to Github to grab the code and play with it yourself.