Contact form page with custom JavaScript form handling.

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

By building this project, I was able to improve how I handle forms. I made sure to validate the data entered by the user and show an appropriate error message for each field if there was an error. I was able to create custom validation logic using JavaScript alone without using the Constraint Validation API provided by HTML input elements. Upon successful submission, I show the success message. I also built this project with accessibility in mind. Additionally, I was able to improve how I construct my HTML and CSS code and I was able to expand my knowledge on both of these.

I will continue to improve my form handling skills and implement it in React applications as well.

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

I got stuck on how to start with my JavaScript code for this project. So, I started with reading online resources on form handling online and get familiar with some of the strategies in handling them. Then I started writing simple JavaScript code. I didn't aim for a perfect code at the beginning. I just wanted to write basic code and see how it affects the form. Once I get a little confident, I started writing some more code and when problem arises, I researched on how to fix it. I continued coding until I was able to make it work. I also asked ChatGPT for some code review and learned from it and refactored my code and came up with a better solution.

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

I wanted to receive feedback on my JavaScript code. Specifically on how I handle the form and how I structured my code.

Any feedback and recommendations is also welcome!