The goal of this test is to create an application to manage our contact.
Below you have a .zip with all the assets anf the screen
Use HTML, CSS, JS only.
- You have to integrate this two screen in responsive design
- Pay attention to browser compatibility for Chrome (latst version), Firefox (latest version), IE11 and Edge
In this step, we have to add interactivity to our page
- Delete (trash icon) : delete the contact and modify the DOM
- Edit (pencil icon) : You can edit all the contact details (without of the contact picture - to save time)
- With the "plus" button, you can add a new contact. For simplify, it's not necessary to create an image uploader, you can use the same image for all the new contacts
- Before to post the modification (add or edit), tou have to verify the phone field : it can contain only : number, (), +
For each contact creation , read delete you need to call your api Your API consist to a simple CRUD Rest. Database it’s not mandatory for the test