Overview

• Create an application that allows users to browse a list of surveys.
• Users must log in to the application.
• Integrate with an OAuth 2 API providing both REST and GraphQL endpoints.

<aside> ✋ You can choose between the REST and GraphQL endpoints you want to use.

💡 Refer to the below Resources section for Design and API information.

</aside>

Features Requirements

Mandatory Features

1. Authentication:
   • Implement the Login screen.
   • Implement the OAuth authentication flow, including the storage of access tokens securely.
   • Implement the automatic usage of refresh tokens to keep the user logged in using the OAuth API.
2. Home Screen:
   • On the home screen, display a list of surveys.
     • The list of surveys must be fetched when opening the application.
     • Show a loading animation when fetching the list of surveys.
     • Show the navigation indicator list (in bullets), which must be dynamic and based on the API response.
   • Each Survey card must display the following info on the UI:
     • Cover image (background)
     • Name (in bold)
     • Description
   • There must be two actions:
     • Horizontal scroll through the survey list.
     • A button “Take This Survey” should take the user to the Thank You screen (in this challenge, we will not dive into the survey detail).
3. Thank You Screen:
   • A simple ending screen when a user takes a survey.
   • Within 5 seconds, the app should send users backward.

Optional Features

If you completed early and want to go the extra mile, you can work on these extra requirements:

1. Authentication: implement the forgot password authentication screen.

2. Home Screen:

   • Implement the caching of surveys onto the device and serve the data using offline-first architecture.

   • Implement a pull-to-refresh action to update the survey list.

     Show a loading animation when refreshing the list of surveys.

   <aside> ✋ While the Design includes additional screens for the survey details screens, you are NOT required to implement them. Only authentication, home and thank you screens are required.

   </aside>

3. Thank You Screen: display an animation (be creative 🎨).

Technical Requirements

1. Use Git during the development process. Make regular commits and merge code using pull requests.

   Push to a private repository on Bitbucket, GitHub, or GitLab and invite the reviewer with View access when done.

2. Develop the application using:

   • Swift
   • SPM or CocoaPods
   • SwiftUI

3. Support iOS 15.0+.

4. Properly organize and structure the codebase using an architecture of choice.

5. Write Unit Tests using your framework of choice.

6. Use either the REST or GraphQL endpoints.

   The choice is yours to make. Make sure that you use the Production URL.

Resources

Design

The mobile application UI is on Figma.

To inspect the UI and download the assets, you will need to sign up (free) or log in with your existing account at Figma.

API

Refer to the application Wiki.

If you are unfamiliar with JSON:API specifications, refer to this page on the Wiki.