It was such a long time that I hadn't coded in Vanilla js. I'm proud of challenging myself to do that.
What challenges did you encounter, and how did you overcome them?Most of the challenge was regarding the UI coding to make it as much as possible like the design without having access to Figma file.
What specific areas of your project would you like help with?How could I have done the JS side better?
Good
good
I managed to finish the project in under 8 hours. There are some differences between my project and the layout of the figma files but I can't wait to start using react in the next learning path so I didn't fixed them.
What challenges did you encounter, and how did you overcome them?The layout of the slideshow and the deploying of the site. This time I learn a lot about vite so it will really help me in the future.
What specific areas of your project would you like help with?I don't know if I used the right mindset for building this layout especially the slideshow part. Any suggestions on the overall layout and/or anything else is much appreciated. Thank you very much.
good
good
its note same
you can do better on design
On screenshot, content appears missing. This is however due to a fade that is added with an intersection observer.
you can do better
good
very good job
Very Good
you can do better
good
I’m most proud of how I organized and implemented the form validation logic for the contact form. Using an array of objects to map each input field to its corresponding error message really streamlined the code and made it easier to maintain. It also allowed me to avoid repeating the validation logic for each field, making the code more efficient.
Next time, I would focus on improving the user experience by enhancing the error message visibility (e.g., using animations or color transitions). I would also experiment with custom radio button designs for better aesthetics and ensure my form is fully responsive for different screen sizes.
What challenges did you encounter, and how did you overcome them?One of the biggest challenges I faced was implementing email validation correctly. The regular expression I initially used was not catching all edge cases, like email addresses with multiple dots or special characters. To overcome this, I researched common patterns for email validation and updated the regex accordingly, ensuring it properly handled different email formats.
Another challenge was managing error messages for multiple fields. Since I had many fields with similar validation rules, I needed a clean way to display error messages without repeating code. Using an array of objects for field and error mappings really helped with this issue and made the code more readable and manageable.
What specific areas of your project would you like help with?I’m looking for advice on improving the form's accessibility, especially regarding how error messages are presented for users with screen readers. Additionally, I’d appreciate feedback on how to handle more complex form validations, such as checking if an email already exists in a database, and integrating that with the form submission process.
You can do better
you can do better
you can do better
GOOD
Good
very good
