Intro component with sign-up form

Please log in to post a comment
Log in with GitHubCommunity feedback
- @TerenceCLZhang
Great job on completing this challenge — you've built a very good website! I especially liked the animations and extra details such as the password visibility toggle and the use of password requirements (as an extra step you could add some text to show the requirements before the user types it in).
That said, there are a couple of areas where the user experience could be improved. Currently, the form only accepts Gmail addresses, which limits accessibility for users with other email providers like @outlook or @yahoo. A more flexible approach would be to use a regular expression (regex) to validate the general format of email addresses. For example, a regex like the following would work well:
/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/.
Another improvement would be to trigger input validation on the blur event — when the user shifts focus away from a field — rather than only on form submission. This allows users to receive feedback in real time and correct errors earlier in the process.
Overall your project is really well put together!
Marked as helpful
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord