Assignment
Deliverables
A responsive, mobile-first living style guide website that includes the following:
• A home page
• The Living Style Guides page from the Prep for unit activity
o You are encouraged to further develop this page based on any feedback you receive.
• Colour palette
o There are plenty of online tools to help you select a colour scheme
o Check your colour schemes against WebAIM's colour contrast checker
• Common styles
o Typography examples
o Table and form examples
o Layout/grid examples
• At least 5 components
o These can be navigation ideas, summary cards (card based design examples) etc... examples of useful HTML and CSS
Adding Java
The Brief:
Use unobtrusive JavaScriptto add additional components toyour living style guide.
• Where appropriate update existing components.
• You may also want to enhance your style guide overall with JavaScript
Deliverables
• Local database storage
o A user of your site should be able to enter, retrieve, change, and delete information held in a database
o Input should be validated in browser
o You should use form elements for user input
o An example feature may be to "pin" components and styles to a favourites list, which provide in-page links back to them.
o Be creative, just because you're not accessing a "real" back-end doesn't mean you can't pretend you are
• Event listeners
o A user should be able to perform actions on your site based on interaction with a page
o Demonstrate event listeners within your components.