This will be the frontend for the brand new HMCTS case management system. As a potential candidate we are leaving this in your hands. Please refer to the brief for the complete list of tasks! Complete as much as you can and be as creative as you want.
To begin with, you should be able to run this by running:
yarn installyarn webpackyarn start:devor navigate to package.json and run the script manually
You can change the structure however you like!
Code follows the format and technologies of the sample provided. Some Componets of the GOV. UK Design System have been used in a basic form, to create a familiar looking UI. Frontend should run conventionaly from yarn and has been hardcoded to work with the coresponding backend API running on localhost:4000
Plenty here that could be worked on. All that the UI currently does, is provide a basic means to display information from the backend and be able to demonstrate the functionality mandated in the "Task Requirements" of the challeng. Some obvious items for attention:
- Date formatting in the "cases" display
- "Cases" template uses summary-list and pagination to simply display a single case on each page. Nice but a more compact list of cases would be more practical, with a easy navigation to display/edit selected cases. The implemented pagination is realistic for a handful of cases. For a larger number of pages, some would need to be omitted with periods...
- Date entry could be improved following the Date input examples in their documentation
- Delete currently creates a warning in a popup. Warning is nice but displaying a notification in the page itself, would be better.