web and data base programming

building a website like twitter. 1. Login Page • email address (valid email address format) • password (6 characters or longer, no spaces) 2. Sign-up Form • email address (valid email address format) • screenname (no spaces or other non-word characters) • date of birth (proper date format) • avatar image (non-empty) • password (6 characters long, at least one non-letter character) • verify password (matches password) 3. Post/Repost Form • post content (non-blank; 256 characters or less) For each of these form validation elements, you should highlight the portion of the form that contains the error, and add informative instructions to help the user to correct their mistake. As much as possible, you should write your validation functions to be reusable. B. Dynamic Character Counter Given the limitations on the number of characters in a post/repost, it is also beneficial to give the user some feedback on the number of characters in their current post/repost, as well as the number of characters left. This should operate dynamically as the user types in the field on the Post/Repost Form. Should the character limit be exceeded, the user should be permitted to continue typing, but it should be made apparent that the limit has been exceeded. C. Like and Dislike Icons The Post List Page and User Detail Page that were constructed in the previous assignment are also to be modified to support interaction via JavaScript. However, since these do not have explicit forms, the interaction will be different. What is to be added to these is some sort of “like” and “dislike” icons or images that can be turned on (icon in colour) and off (icon in black & white, or just an outline) using JavaScript as the user clicks on them. Note that since we haven’t implemented the back-end of the application, you do not need to save any of the data yet. Since these pages will each be modified, you should ensure that they are still HTML5 compliant (following the syntax rules of XTHML), use CSS, and that there is a proper separation of the specification of the content from the specification of the presentation rules and the specification of the JavaScript code.