Challenge Overview
Challenge Objectives
-
Develop UI prototype for User management and audit logs pages
Project Background
Misuse of sensitive data within the company is called an incident. This application will serve as a one-stop shop for raising data movement incidents, monitoring their journey through the validation procedures, identification of corrective actions (actions are taken against the employee misuse it and appropriate correction is taken) and closure post-action completion.
The various benefits of this app will be as follows:
-
Process automation including automatic reminders and automated workflows for defined scenarios.
-
Removal of email as a validation and followup tool.
-
Access rights protection as well as sensitive data protection.
-
Digitization of associated legal declaration and/or corrective action.
-
Reports and Dashboards for easy interpretation.
-
Email Notifications and Alerts to the DLP team on application availability or unavailability.
Technology Stack
-
Angular 9
-
SCSS
Assets
Project codebase is available in Gitlab. See forums for access to the repo.
Marvel app link and design assets are available in the forums
Individual requirements
We’re implementing the remaining app sections in this challenge and both desktop and mobile versions are required.
Three major pages are in scope:
-
Templates and corrective actions (screens in scope are 20-26, but note that these screens are from design #2)
-
New incident and incident details pages (screens in scope are 19-24 and 26-32 )
No data should be hardcoded in the components - use services to fetch sample data - follow the existing codebase.
Changes needed for create incident page:
-
Remove selection of logos and background image - these will be loaded from the chosen declaration form(s)
-
Remove activity details section - there is no activity when the incident has not yet been created
-
Selecting yes for declaration required toggle would open a popup to choose a declaration form template from the created templates
-
Selecting yes for corrective action required toggle would open a popup to select one of the corrective actions (multiple selection)
-
In the right section, remove ability to add/remove comments and only allow selecting attachments. Adding comments would be available only once the incident is created.
Incident details page:
-
Logos and background image are loaded from the selected declaration form ( https://marvelapp.com/21bb413g/screen/66473686 )
Application has 3 types of users - Administrators, Managers (Incident handlers) and regular employees. We do not have a login page (there will be an SSO login in the future), but we do have a page to select the user role.
Submission Guidelines
-
Submit the full app code
-
Submit a Readme with details on how to configure, build, run the app