Challenge Overview
CHALLENGE OBJECTIVES
Welcome to the “Juno Claims Reporting Tool iOS Mobile Application Development”. In this challenge, we are looking to build the initial pages for the Juno Claims Reporting Tool iOS Mobile Application.
The web version already exists and we are looking to translate that into an iOS hybrid application written using Ionic Framework.
This project is a Proof of Concept, so the entire application will be larger than what we are designing here and this is the reason we are not going to show all the user flows.
PROJECT BACKGROUND
This is a banking application used by brokers, customers, and employees to report a claim or see details about the submitted claims. For this particular project, there is a special user flow, as the claim is not associated with a username/insured employee name, but to the company’s policy, so the claim has to be searched by number and date of loss all the time (any improvements/suggestions on the flow should be based on this).
The design challenge details can be found here:
Design Marvel App link:
REQUIREMENTS
-
Build a mobile application using Ionic Framework 4.x and Angular.io based on the provided design screens.
-
The source of the design can be found in the forum.
-
Relevant Test APIs will be provided in the forum. Please create a Mock server to serve data to the application (as simple as possible). Please provide means for testing different scenarios to show all the UI possibilities (though if you observe any gaps in the API data).
-
The application should allow lazy loading for better performance.
-
Create reusable components whenever possible.
-
The application should be fluid from iPhone 5/5s up to iPhone Xs/Xr.
WORKFLOW
The following screens are in scope along with their requirements (if any).
1. Splash Screen
2. Login Screen
-
Username and password are mandatory fields. An error should be shown if they are not present (red color in the text field).
-
If username/password fails when the Login button is clicked error message should be shown between the Login button and Password text field (provide valid username/password pair for testing)
3. Registration
-
All fields are required (red color if not present)
-
E-mail should be validated (red color if fails)
-
Phone should be validated (valid US phone, red color if fails)
4. Claims Lading
5. Report a Claim
6. Report Steps
Required fields are marked with a red asterisk. It should be filled before moving to the next page.
-
Juno Insured
-
Reported By
-
Insured Contact
-
Loss Details
-
Vehicle Details
-
Pedestrian
-
Property Damage
-
Witness (at least one witness is needed. When added more than one provide a way to remove them)
-
Additional Info
-
Upload Attachment
7. Report Claim Success
8. My Claim Status and Handler
9. Follow Up
10. Menu (logged in and not logged in)
All Remaining Screens are not Scope and should not be implemented.
OPERATING SYSTEMS
-
iOS 10+
TECHNOLOGY STACK
The following technology stack will be used as part of this challenge.
-
Ionic Framework 4.x with Angular.io
-
Javascript
-
Typescript
-
HTML5
-
CSS3
TECHNOLOGY REQUIREMENTS
The following technologies are required as part of this challenge.
- Error Logging (log to console)
- ���API Integration
FUTURE INTEGRATION POINTS
The following integrations are not in scope -- but are being provided as an FYI of future work to come.
- SSO Integration
SCORECARD REVIEW
-
This submission will use the new iOS development scorecard.
-
Please review the scorecard carefully.
-
Your submission will be reviewed on these requirements:
-
Challenge Spec Requirements
-
Requirements Coverage
-
-
Coding Standards
-
Best Practices
-
Code Quality
-
-
Development Requirements
-
Performance (lazy loading)
-
Security
-
Deployment
-
-
Organisation & App Architecture
-
Onboarding
-
Launch Screen
-
Search
-
Alerts
-
Scrolling
-
Tables
-
Alignment
-
-
User Interaction
-
Button Size
-
Page Controls
-
Pickers
-
Sliders
-
3D Touch
-
Feedback/Notifications
-
Progress Indication
-
Authentication
-
-
Visual Design
-
Typography
-
Legibility
-
Images
-
Text Fields
-
-
FINAL DELIVERABLES
-
All original source code.
-
A brief write up explaining how to build, configure and deploy your code.
-
Validation to document to show how to see the different scenarios described in the design.
Final Submission Guidelines
- iOS Application
- README with usage and verification