Challenge Overview
CHALLENGE OBJECTIVES
Welcome to the “Juno Claims Reporting Tool iOS Mobile Application Development Final Challenge”. In this challenge, we are looking to complete the development of the 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
-
Complete the existing application by building the remaining pages. The application uses Ionic Framework 4.x and Angular.io.
-
The source of the design can be found in the forum.
-
Relevant Test APIs will be provided in the forum. Mock server will be provided in forum to serve data to the application. But also test with client provided URL to check any CORS issues. Please provide means for testing different scenarios to show all the UI possibilities.
-
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. Verify phone - "25 verify phone number", "26 verify phone number" and "27 verify phone number"
2. Chat
-
Chat source code has been provided by client
-
It must be deployed in a mock web server
-
Ionic must open the chat page inside the application itself
-
Credentials should be passed to chat application (basic authorization token is enough for now) - just for showing it's possible
-
The chat application will not follow exactly the design since it was provided by the client
3. Products - "41 Alternate Products"
- Update menu to point to this screen
4. Risk Engineering - "42 Risk Engineering"
- Update menu to point to this screen
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
-
Updated 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