I am currently thinking of the following ideas to implement throughout JavaScript to total roughly 200 lines of implemented JavaScript code:

1. Form Validation

I want to implement form validation in the contact form on my Connect page. I would want this to work by specifying error validations for each of the three fields. Mainly, I would assert validations in JavaScript that they should be that the name cannot be less than 2 characters, the email should follow some sort of known format (a regex, perhaps) and that the message that they contact me with cannot be less than 10 characters. This would help personas like John, who are technically recruiting and want to get in contact with me directly from the Connect page. This can also help personas like Linda who are business partners that want to get estimates on freelance or paid work that I can do for them. I want to ensure that the form works properly to save them time in case of error, and help streamline the communication process.

2.   Dynamic webpage and navbar resizing

For users like Linda and John who are accessing my website from multiple devices, these devices can have different screen widths. If they choose to visit the site from their tablet, for example, the width of the screen may not be large enough to fit all the navbar elements I currently have in my heading. I want to implement a way for my website to turn the navbar into a menu toggle that expands from the side (like a sidebar) so that it is still accessible and does not overcrowd the navbar at the top for smaller screen sizes. There would be some sort of set page width that the navbar elements would turn into a toggle at. This is helpful for Linda, because it provides easy access to navigation elements and the theme toggle for the site, which can help with their visual impairments. 

3. Image zoom in Design gallery

Currently, my website cannot zoom in on the images that are displayed, but I want to get some sort of zoom in option for users so that when they click the image, they can see a more refined version in a popup panel. This would help Linda, who may have trouble seeing due to visibility issues, and also help Eric, who might find this a personal benefit to his portfolio. He might see this as a great inspiration for his personal work, especially in modern design, and wants to adapt his portfolio to use the same format for his extracurricular images. This also helps Linda who might find the images in the design page to be small on smaller screen sizes.