This project was the part of my learnings. During the cource of javascrpt, I tried this page and successfully implemented the logics.
An empty list with an option to add entities. Click the add button and a pop-up will appear with a form in it. Fill the details and add the data, your data will apear on the table. I used local storage to store the added data, so that it stays even when the page reloads. There are two buttons for each data entity, delete and edit. Delete will erase the entity and update will pop-up another form to fill and update. Search field will get you to your desired data.
Know more...