💯 Achievements

• Add a JavaScript file to the project.
• Add a HTML/CSS/js linter to the project
• When the user clicks the hamburger button, the mobile menu appears.
• The mobile menu disappears when the user clicks the (X) button.
• The mobile menu disappears when the user clicks (or taps) any of the mobile menu options.
• When the user clicks any of the mobile menu options, a correct part of the page is displayed.

• Try to make sure that your html closing tags are on the same line as the rest of the syntax.
• Nice work on the transitions and animations. You showed real understanding of the subject matter.

• Use docoment.addEventHandler instead of window.onload.
• Add data in one localstorage.
• Use JSON.stringify and JSON.parse to convert your object into string.

Using Chrome Debugger found some issues

• ProjectsObject has constant reference https://github.com/itsmraga-hub/William-Raga-Portfolio/blob/592fa0417fc0b21d9bf7919dd41d3a1f3228d789/main.js#L99-L102
• Need to replace 0 constant
• Use static variable instead int

💯 Achievements

• When the user changes the content of any input field, the data is saved to the local storage.
• When the user loads the page if there is any data in the local storage the input fields are pre-filled with this data.
• Learnt about localStorage and sessionStorage.
• Write and read data to and from localStorage.

💯 Achievements

• Validate contact form
• Learnt various methods of validation.
• Learnt about client-side validation.
• Ensured only data with lowercase letters are submitted.
• Form events.

💯 Achievements

-Use basic JavaScript syntax.

• Use JavaScript to manipulate DOM elements.
• Use JavaScript events.
• Understand how to parse a Figma design to create a UI.
• Use objects to store and access data.
• Implement a pop-up window for both mobile and desktop versions.
• Ensured no linter errors for HTML, CSS, and JS.

💯 Achievements

• Page titles: There was a title, but we made it more descriptive of the page here.
• Image Text alternatives: Added descriptive alternate text to all image tags.
• Text headings: No issue found.
• Color contrast: No issue found.
• Resize: No issue found.
• Interaction: No issue found.
• Moving Content: No issue found. There is no moving content on the page.
• Multimedia: No issue found. There are no audio or video elements on the page.
• The basic structure of the page: No issue found.

💯 Achievements

• Deploy Application live to GitHub pages
• Learnt about deployment to GitHub pages.
• Ensured all the linter errors passed
• Live application can be viewed here
• Added contributor info to README.
• Learnt on deploying the site on the master branch and enforcing HTTPS.
• Ensured mobile view and desktop view are working as expected online.
• Updated README to include link to Portfolio.

🏆 Achievements.

• Apply an animation to my project.
• Use CSS translate and scale properties to increase the size of image and social links on hover.
• Use transform: rotate on my project.
• Increase User experience on my project.

🏆 Achievements.

• Apply an animation to my project.
• Use CSS translate and scale properties to increase the size of image and social links on hover.
• Use transform: rotate on my project.
• Increase User experience on my project.