User Stories ‐ Frontend

User Story 1

As a case manager, I want to easily submit client-intake information and quickly receive the RTW results of a client in a user-friendly form, so I can easily weigh the recommendations of the web application against my intuitive recommendations. I can also save the result as a report including all client information, return-to-work probability, and recommended interventions in my desired format(ex. pdf, csv).

Acceptance Criteria:

1. Navigation Bar:

   1. The home page should have a navigation bar that includes links to both the prediction form and the search page.
   2. The navigation bar should be easy to access and clearly labeled.
   3. The navigation bar should be responsive and optimized for different screen sizes and devices.

2. A form containing all the required client information (e.g. name, address, age, etc) that can easily be filled out by typing.

   1. The form should have clear labels and instructions for each field.
   2. Validation should be implemented to ensure the entered data is in the correct format. Provide guidance on how to resolve common errors.
   3. The form should be responsive and optimized for different screen sizes and devices.
   4. A button to clear all filled information(reset).

3. A results page showing the Return-to-work probability and intervention recommendations.

   1. Shows the baseline RTW probability based on the ML model.
   2. Shows the RTW percentage given a set of interventions.
   3. Display the top five combinations of interventions that give the best RTW probability, ranked in descending order.
   4. Display a graph(or other visualization form) to show the differences in RTW probability before and after each intervention.
   5. Include a clear way to navigate back to the form from the results page to edit an existing case or create a new case.

4. Loading animation in case the prediction algorithm takes time:

   1. Display a loading animation while the form is being submitted and the AI model is processing the data.
   2. The loading animation should be visually appealing and consistent with the overall design of the application.
   3. The loading page should provide a cancel or async button in the case of the longtime running of the AI model