Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 1 year ago

Newsletter Validation Email using Vanilla JS

Jhon Alessandro (@Master_Aless)•140
@The-BoxHead-Guy
A solution to the Newsletter sign-up form with success message challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


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

I'm proud that I could handle all the stages of the project properly by creating for each task, a proper solution, despite of having several errors through the process

In addition, the logic part was the most challenging, after noticing that I've completed that part successfully I felt quite good, and raised my confidence

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

The first two big challenges were:

  • How to properly set the images of the layout without making them to break and I found a proper solution that was inserting those images as a CSS background-image which was better to set the dimensions

  • Setting the error stage after validating the email using javascript was also another challenging part, at least, at the beggining, because of the getting of the information.

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

So far, a small help about how to improve the code written in javascript, how to set better name variables, and how to create soft, smooth and clean transitions when Linear-Gradients are used for buttons, or any other element

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Jhon Alessandro (@Master_Aless)'s solution.

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
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License