Cycle Time - Mobile App Ionic Prototype Challenge Part2

Challenge Objectives

• Create the Ionic prototype for the provided design

Project Background

We are building a tool for user to observe, record, and tracking their employee activities within their company/shop/store and gather statistical report in order to gather necessary information for further usage (education, set a SOP, etc). 

Technology Stack

• Ionic 5 + Sqlite for mobile app
• Android 4+
• iOS 9+

Requirements

General Requirements

• Input validation and login failure must be handled properly. 
• You can load data from local JSON file, but the format should follow the backend API. 
• Please use rxjs instead of Promise
• Make sure the prototype works on a smaller screen. (iphone5s, iphone 6, iphone 6s, iphoneXR screen sizes are in scope). 

You can find the latest marvel app here: https://marvelapp.com/76j7jcb
The latest code is in the gitlab repo: https://gitlab.com/cycle-time/mobile-app

This is a followup challenge to the previous challenge: http://www.topcoder.com/challenge-details/30100237/?type=develop&noncache=true
You must link the new screens with the previously developed screens (e.g. the navigation). 

Here are the details for the new screens:

• Stop Watch (16 Stop Watch.png)
  • All Clips - show all tasks
    • User can star / unstar any task
  • Favorite Clips - show the starred asks
    • User can unstar any task, and this task will be removed from the list
• Help (17 Help.png)
  • This page is static
• Settings (18 A Settings.png)
  • Account Settings (18 B Account Settings.png)
    • User can change the profile picture, name and password
  • Measurement Settings (18 C Measurement Settings.png)
    • User can create a new unit
    • User can disable one or more units and save the changes
• New Project (19 .png)
  • More project Manager - allow user to add one more project manager
  • More Lean Manager - allow user to add one more lean manager
  • More Pepole - allow user to add one more normal user
  • Add File - allow user to attach a file
  • Select Unit - allow user to select a unit
  • Add Process - please remove this. 
  • After user submit, goes to the project detail screen of this newly created project
• New Process (20 A.png)
  • Add people -  - allow user to add one more normal user (20 B.png)
  • Select Unit - allow user to select a unit
  • Click Add to add the process to the project
• New Task (21 A.png)
  • Add people -  - allow user to add one more normal user (21 B.png)
  • Select Unit - allow user to select a unit (21 C.png)
  • Click Calculate to calculate the target time (22 / 23 .png)

    • New Calculation will simply reset all current values

  • More Resource - allow user to add one more resource
  • More Machinery - allow user to add one more machinery
  • Click Add to add the task into process
• Edit Project (24.png)
  • Remove the processes section as well as add-process button. 
  • Similar as the new project screen, you should use the same page for create/edit. 
• Edit Process (25.png)
  • Remove the tasks section as well as the add-task button.
  • Similar as the new process screen, you should use the same page for create/edit
  • screen 26.png - shows the add-people action sheet
• Edit Task (27.png)
  • Similar as the new task screen, you should use the same page for create/edit. 
  • screen 28.png - shows the add-people action sheet
• Project Reports (29.png)
  • Change “...” to “More” like existing pages.
  • Click “...” shows two actions - screen 30A.png
    • Share Report - click to show screen 30B.png
    • Export to XLS
  • Click the process name goes to the process report
• Process Report (31A - 31E)
  • Remove the “...” for process and tasks
  • Click the Filter icon shows the calendar, and user can select a date-range

 

Final Submission Guidelines

• Patch file
• Deployment and Verification Guide