Technology Used

HTML, Css, Bootstrap, AngularJs

ContactList

A simple form with proper design to add, update, edit and delete contact list having First Name, Last Name, Mobile Number, Email Idas fields.

Validation for Phone number and Email Id as well as checking for their duplicacy.

Development Run

Just open ContactList.html in any browser

FYI - All the button click functionalities worked on a hard coded JSON array.

Screenshots

Screen 1 - Normal form with list of contacts having actions to edit and delete. Also, can filter from the contact list

contact list 1

Screen 2 - Filter options

screenshot_2018-08-19 cordis - project x

Screen 3 - On Add New button click, show a form with empty input boxes and different validations for the different inputs

screenshot_2018-08-19 cordis - project x 1

Screen 4 - On Edit button click from the contact list

screenshot_2018-08-19 cordis - project x 2