Solving UI / UX and Mobile problems

DoSelect supports solving UI / UX and Mobile-based problems on it's full-fledged Cloud IDE. You can use the IDE to code your entire app. If you prefer working on your local environment, you can download the solution workspace, make your changes and upload the entire workspace in form of a zipped file. DoSelect works the way you feel comfortable! Let's see how in more details.

Choosing an application framework

The first thing you need to do is choose a framework for your solution. Please choose wisely, since you would not be able to change this later. After choosing, click on `Create IDE` to initialise your DoSelect Cloud IDE.

Open your IDE

The IDE creation step can take a few seconds. Once it is done, you can see an `Open IDE` button, and a code browser with the default work-space code. This serves as a starting point for your solution, and has a folder structure that makes your application work on DoSelect's automated testing environment. For instance, UI / UX application solutions must have an `index.html` file in the workspace root. Android application solutions must have the defined folder structure and Gradle configuration files. Your solution will most likely fail if you change these.

Working with the IDE

There are two ways to use the IDE -- you can create the entire application in the IDE itself, or you can develop the application locally and upload the work-space to the IDE.

When using the IDE to create your application, you can create new files, and write code in the editor which is auto-saved and auto-synced in the cloud.

When developing the application locally, you must download the work-space to get the boilerplate code. After you have made your changes, you need to create a .zip archive of the work-space and upload it to the IDE. Please make sure that the .zip archive's root has the work-space files. Otherwise, your solution submission might fail.

Work-space structure - Android

The work-space contains Gradle settings files that you should not change. Your application files should be in `app/src/main` where the `app` directory is in the work-space root. This `main` directory contains `java` and `res` folders, and `AndroidManifest.xml`.

Work-space structure - UI / UX

The work-space contains an `index.html` file at the root, which is mandatory for a successful submission. Any other asset directories or files can reside anywhere in the work-space.

Finishing up

After you're done, you can close the IDE and submit your solution. Please keep in mind that solutions for Mobile based problems can take up to a few minutes for submission.

Happy coding!