Build a simple address book app with HTML, CSS, JavaScript and JQuery.
As part of my Admission Process for Codeworks' Software Enginnering Intensive Bootcamp, I was challenged to build a simple address book app with HTML, CSS, JavaScript and JQuery.
✅ optimized UI with CSS Box Model
✅ refactored the code to JQuery;
✅ fixed the search bar issues that were preventing the user to retrieve the rest of the search results;
✅ added additional validation rules to the Add Contact form to prevent unintended user inputs to be passed;
✅ added customised validation messages;
✅ added validation rules to display alert messages while editing the contacts;
✅ achieved the desired behavior of adding, editing and deleting contacts, although without fully making use of the Class Contact and its setter methods;
✅ performed a set of adjustments to the interface for better responsive behavior;
✅ deleted unnecessary files.
One shall not underestimate the time required to accomplish each task. As a beginner, I had to put the extra effort to go through additional documentation on resources such as :
📚 Mozilla;
🦉 Khan Academy;
🤖 Codecademy;
📓 Personal Annotations;
- Traversy Media
- Web Dev Simplified
- Code with Bibek
- CodeWithMark
- The Providers
Note to self: There is a never-ending range of possibilities to expand the functionalities and optimize features but a WIP today is better than a perfect piece of work that never comes to see the daylight. :)
Coding Assignment Submitted on Feb 14, 2022
README.md updated on Feb 28, 2022 - to include further learnings on Markdown
UI updated on Mar 2, 2022
Noel Vieira