Our client has a set of UI designs, wireframe screens, and UI elements.  However, they need to convert all of this into a clickable prototype developed on Xamarin.  This challenge will involve taking the various elements mentioned, and creating that prototype in Xamarin.  

We have done a Xamarin prototype for Windows (UWP, Universal Windows Platform) in the previous challenge https://www.topcoder.com/challenges/30071528/?type=develop&tab=details

However, the UI doesn’t look good since we didn’t provide design assets specifically for Windows.

In this challenge, we provided the design assets specifically for Windows. So you are required to tweak the UI to follow the design strictly.

• Target environment: iPhone, Android Phone, Windows Desktop (UWP)

• Basic Requirements: Use Xamarin to develop a prototype app according to the given design

Please use as the code base https://github.com/topcoderinc/salon-management-app/tree/windows-design-tweak, we need to work on the *windows-design-tweak* branch.

If you don't have access to the GitHub repo, please use the link provided on the forum to grant yourself an access.

Technology Stack

Xamarin - The app must be developed by Xamarin, use Xamarin.Forms to make it cross-platformed.

C# - The programming language of Xamarin.

Project Background

This app will be used by various salon product employees to check on the placement of their products within various salons and businesses.  They will do these checks via a questionnaire/checklist.

Individual requirements

Follow the given design assets to tweak the UI of Windows (UWP) app. We need to support both Portrait and Landscape orientation.

For devices with an orientation sensor, the Portrait and Landscape should be switched by the sensor. You can see this documentation for reference https://docs.microsoft.com/en-us/windows/uwp/devices-sensors/use-the-orientation-sensor

We provided the design assets for both orientations, include:

• Tablet_UI.sketch: The sketch project for Windows (UWP)
• Landscape.zip: The screenshots of landscape orientation.
• Portrait.zip: The screenshots of portrait orientation.

Important Notes

The app is required to target on iOS (iPhone). Android (Phone), Windows (UWP).

You should not break any existing functionalities.

There are many details in this challenge, feel free to ask any questions in the forum early if you feel anything is unclear.

Final Submission Guidelines

• A git patch against the latest commit hash of the windows-design-tweak branch. Be sure to test your patch after submitting.

• The README.md that includes the steps of how to apply your patch (you should mention the specific commit hash that your patch is against), how to deploy and run your Xamarin project.

• A video to demonstrate your app.