The goal of this challenge is to make fixes and improvements to existing Ionic app, the app works on both Android and iPhone.

Challenge Requirements

You will address the following issues :

- Account balance trend indicator.

- In user profile, if profiles.balancePercent value is negative/positive show down/up arrows for trending next to profiles.totalAccountBalance, respectively.

- Search history should be saved when we log in and logout for the same user.

- Circle initial icons :  

- For circle color use #9ad1ef.

- Font size should be reduced to 20px for the initials (currently set to 30px).

- In Search/history list, there is no way to see a full address in search/history list screens

- Remove the (>) and move the commercial/consumer and miles label to its position.

- API was changed to use state instead of province in the address response, update frontend to display it.

- Email is truncated in search/history result

- Make changes to separate the email/phone part from the above section, so that it does not get truncated, but make sure it does not overlap with location miles, if phone overlap then it is Ok to truncate it.

- Update the search filter “Sort By” to check both commercial and consumer by default, and allow user to see they are included and let user uncheck the one to exclude.

- In Profile screen - the bottom button in screens smaller than iPhone 6 plus display “Create Service”, make the css change specific to that button in resolutions smaller than iPhone 6 plus, don’t change the style of the “create referral” text/font sizes.

- In screens smaller than iPhone 6 plus, Create service request save button is behind title text

- Remove < from cancel, and reduce font size or make it two lines

- Changes should only affect design smaller than iPhone 6 plus.

- Servicing filter menu should get closed after I select a filter option

- Both sorting and the filter menu should close once option is selected

- Hamburger logo is off the screen in screens smaller than iPhone 6 plus

- Move it up to be fully visible

- Use the new logo attached in forums.

- When clicking on the address in Profile screen it is opening up maps (which is correct), but  Address is two lines, only first line is clickable, while second line is not, update this to cover the whole address.

- The humberger menu is pushed above the iPhone icon menu so you have to pull it down to push the X (close it)

- This issue should be fixed in all device screens resolutions.

- Move it few pixels down.

- Update the search/history list item to make any area (except phone and email) of a specific search result go to the details page.

- Use app icon attached in forums for the app.

- Update splash screen to use the one provided in forums.

- Use logo provided to replace all logos in the app.

- Change “ Help/FAQ” to “Help” and link to the Let's Get Started slider

- Skip will take user to home screen.

- In all Filter/Sorting drop down menus :

- There should always be a default selected option in the drop downs.

- For radio buttons (i.e. sort by name/distance, ascending/descending) it should use the updated design which is a radio button. We want to differentiate radio buttons from checkboxes, right now it is confusing UX to show same styling for both UI.

- For Commercial/consumer checkboxes, it should show both checked by default, and allow user to uncheck/check them.

- Any drop down that has exactly a single radio button group it should close automatically once user select an option.

- You can find the updated design in forums.

- Change the menu item “Search History” label to just “History”.

- Add location service access to the app :

- App asks for permission to get access to user location.

- App should get user long/lat information.

- The GET /api/search/accounts should always pass long/lat in the call.

- The backend returns results when we filter by destination.

- If user rejected to allow access to location the following should be done :

- Hide filtering by distance and we don’t pass long/lat to the backend

- Hide miles label in search/history.

- Hide filtering by distance in search screen.

- The check should always be done when app is opened as user can enable service location for app from settings.

General Note

- Api is deployed to herokuapp, you don’t need to to deploy the api.

- Update README if there is any changes required for deployment and setup.

- It should work on iPhone 6, iPhone 6 plus screen resolutions and similar resolutions for Android devices.

Source Code Files

The source code are hosted in gitlab (it includes REAME for deployment) https://gitlab.com/bank-ambassador/mobile-app

Use “30053151-code” branch in this challenge.

You can get access to the Gitlab repo group in this tool https://tc-ragnar.herokuapp.com/ragnar/groups/564783092789620e00fa75d1/284543  If you are having trouble with the auto registration tool, please ask in the forums.

Final Submission Guidelines

Deliverable

- Git patch file of the updated source code.

- Updated README if needed.