Register
Submit a solution
The challenge is finished.

Challenge Overview

Challenge Overview

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 built a Xamarin prototype for iOS and Android in the previous challenge 
https://www.topcoder.com/challenges/30070936/?type=develop

In this challenge, we need to make it support on Windows (Desktop). Most of the work has been done. You need to add the UWP (Universal Windows Platform) support to the existing Xamarin project.

  • Target environment: iPhone, Android Phone, Windows Desktop

  • 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, we need to work on the *master* 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 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), Windows (Desktop).
You should not break any existing functionalities.

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 the Windows desktop app should look like a mobile simulator.

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

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

What to submit

  • A git patch against the latest commit hash of the master 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.

ELIGIBLE EVENTS:

Topcoder Open 2019

Review style

Final Review

Community Review Board

Approval

User Sign-Off

ID: 30071528