Responsive Contact Form using SCSS and Vanilla JavaScript

What are you most proud of, and what would you do differently next time?

I am most proud of implementing a responsive and visually appealing contact form using SCSS and improving my JavaScript validation logic.

Next time, I would focus on:

• Setting up automated tests for form validation.
• Better organizing the folder structure for larger projects.

What challenges did you encounter, and how did you overcome them?

One of the challenges was handling relative paths for assets when deploying to GitHub Pages. I resolved it by adjusting the base tag in the HTML and carefully updating all relative URLs.

Additionally, I struggled with SCSS imports but overcame it by restructuring the file paths and using Sass commands correctly.

What specific areas of your project would you like help with?

I would like feedback on:

• Improving accessibility for the form (e.g., proper use of ARIA attributes).
• Optimizing the SCSS structure for better scalability and maintainability.
• Following best practices for JavaScript validation and event handling.