Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Newsletter signup with success message : validation and local storage

P

@Jomagene

Desktop design screenshot for the Newsletter sign-up form with success message coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I'm most proud of implementing form validation and local storage handling using events to dynamically manage user input. Next time, I'd add email functionality to the form. I'd also improve the organization of my Sass structure for better maintainability.

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

Ensuring robust form validation was challenging, but I tackled it by using JavaScript for real-time feedback and testing thoroughly. Managing data with local storage also required some trial and error, which I resolved through research and practice.

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

I’d appreciate any advice on how to improve the organization of my Sass structure for better maintainability. Additionally, guidance on implementing email functionality for users after form submission would be helpful.

I’m also encountering an issue where the icons aren’t showing up. I used a :before pseudo-class, but I’m getting a 404 (Not Found) error: GET https://jomagene.github.io/assets/images/icon-list.svg. Could anyone help me resolve this?

Community feedback

P

@marcfranciss

Posted

Impressive! Keep up the good work!

1

P

@Jomagene

Posted

@marcfranciss Marc, your words really hit home! 🚀 I'm always eager to refine my approach. If you have any unique insights on the challenges I’m facing, I’m all ears. Thanks for the motivation!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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