Note our timeline is tight and no extension will be granted, we only have 3 days for submission, 24 hours for review, 24 hours for appeal and 12 hours for appeal response.
Please take care of the tight timeline, thank you!

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.  

There are ~5 screens that need to be developed, each with some small differences based on user persona.  You will need to look at the wireframes provided, and develop the screen UI/UX based on the Invisionapp link provided in the forum.  We’ve included all the image and font assets. Please use mock data for the screens, but read this data from local files. Do not hard-code the data onto the screen.

• Target environment: iPhone, Android Phone

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

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 design to develop the app, the design assets are provided in the forum.

Specifically, design assets include

• Screen Wireframes: Please follow the workflow to develop the prototype.

• Assets: The extracted images and font.

• UI Kit: Please follow the UI element design guideline.

• Screen Design Examples: Examples to show how each screen looks like eventually, for your reference.

• Scope spreadsheet: Shows the details which screens are in scope, which are not.

• Mock data schema: Here is the schema of the backend data, please create your mock data by following the schema. So it will be easy for us to integrate this prototype with the backend service.

Important Notes

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

Please use mock data for the screens, but read this data from local files.  Do not hard-code the data onto the screen. All the mock data should be put in separate files. You should reuse data among different screens as much as possible.

For screens with vertical scrollable features, you should follow the design of the Screen Wireframes.

The design is only for iOS, so we need to make sure screen matched the given iOS design strictly. But for Android, all the functional features should work well, but we allow the design is not matched strictly.

Only the mobile portrait is in scope.

You can design the screen transition animation, as long as it is smooth. It’s not mandatory but a nice additional feature.

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

Final Submission Guidelines

What to submit

• Your Xamarin source code of this prototype app.

• The README.md that includes the steps of how to deploy and run your Xamarin project, how to build an iOS app, an Android app.

• A video to demonstrate your app.