This is a simple issue tracker application with user interface split up into two sections. On top is an input form for users to enter new issues into the appropriate fields. Issues are stored in Browser's Local Storage. List of existing issues is printed out in the bottom half.
In addition you can see that the issue is identified by a unique issue ID. This is a GUID, generated when the issue is created and stored in the Local Storage as well. Each issue then has a status assigned and by default, the status is in the "Open" status stage. Once an issue is resolved the user can set the status to "Closed" by clicking the "Close" button. Issues can also be deleted from the list and Local Storage by clicking the "Delete" button.
https://js-issue-tracker.netlify.com/
For this application I built this entirely with the following: