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 sign-up from with success message solution

Eric 90

@Erleh

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 did you find difficult while building the project?

Setting up the server, I had a hard time deciding where I would have the inputted email checked. I ended up deciding to have it checked via the post body in my server.js and called for the page to be rendered based off the result.

I wondered if there were possibly a better and simpler way to do this in just the front end. But I also figured if this were fully setup, it would be safer to have the validation in the backend anyways, though having it both in the front and back would be best. So had I made a validator first in the front, it would probably have responded faster to the first checks if any.

Community feedback

@AmjadAlshboul

Posted

I think you forgot to put your index.html in your repository. If not can you tell me the file path to your html file because I cant find it.

0

Eric 90

@Erleh

Posted

@AmjadAlshboul Hi! For this project I used Handlebars which is a template engine paired with ExpressJS. If you check my code repo, you can find a directory called views. There you can find files with the extension ".handlebars" and in the "layouts" sub-directory of "views" you can find the base html template that the content is generated into. Hope that helped!

1

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