ReactJS TailwindCSS Vite Bookmark Landing Page

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

This project was really fun to make! I enjoyed learning about all the different aspects and continuing improving my skills in ReactJS, TailwindCSS, and Vite. I was able to make my project very close to the design replica with all additional features created including mobile responsive.

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

1. Validating Email: I learned how to create a function called validateEmail that takes an email parameter. The function uses a regular expression pattern, assigned to the variable re, to validate the structure of an email address. The email is converted to a lowercase string and tested against the regex pattern using the test method. The test method returns true if the email matches the pattern, otherwise it returns false.

2. Setting Up the Email Signup Section for the Newsletter: The form element uses the handleSubmit function to manage form submission. The input element is specified for email addresses, binding its value to the email state. The onChange event updates the email state whenever the input value changes, using Tailwind CSS for styling. An error message is conditionally rendered if the error state is truthy. The submit button is configured to submit the form.

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

Any feedback is helpful! Thanks!