The address book is a web app that allows you to store a list of contacts via localStorage in the web browser. The UI is styled with a combination of custom CSS and Semanti UI. See below for a list of references.
- Visit https://sethnejame.github.io/address-book/ for the deployed Address Book app
- Click the "Add Contact" from to open a drop down form. Fill in the drop down form with the desired information.
- When you're finished, click the "Save Contact" button at the bottom of the form. This will populate an address book below the form where you can view all your contacts.
- If you wish to remove a contact, simply click on the "Delete" button under each contact card.
- The "modify" button is currently under development.
W3 Schools - CSS Styling and Javascript https://www.w3schools.com/
Semantic UI 60 Min Crash Course - How to work with Semantic UI CDN/CSS Styling https://www.youtube.com/watch?v=a9mUH1EWp40
Accessing DOM Elements - Delete Button Functionality, C/O Faraz https://gomakethings.com/removing-an-element-from-the-dom-with-vanilla-js/