Skip to content
Submitted 4 months ago

newsletter signup with success message

coder-abdo•280
@coder-abdo
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Newsletter sign-up form with success message
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

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

passing props from child to parent and passing a v-model data in a proper way next time I will use tailwind instead of plain CSS.

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

the main challenge is that I used Vue to handle everything I needed to pass a v-model or two-way data binding so I searched and found that I needed to pass the binding value and the handler emit for a click handler and passed the props easily.

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

I don't think there is any issue with my solution but if someone finds any trouble or issue don't hesitate and let's discuss.

Community feedback

  • Dylan Heslop•770
    @dylan-dot-cPosted 4 months ago

    Hey there! Your the first person I found using vue here, I recently just started with it(I'm tired of react), anyways your solution is good but one issue I have is the desing inconsistencies that are there. Mainly speaking about how the image is a bit too long and the lack of extra padding on the buttons and input elements.

    Anyways on the functional side, you should actually have the confirmation email entered by the user here: <strong>[email protected].</strong> and not that default one. Other than those issues this is a great attempt.

    You can vue mine here(built with react): My Solution

    Marked as helpful
    0
    coder-abdo•280
    @coder-abdoPosted 4 months ago

    @dylan-dot-c you are right I forgot to do that and will try to enhance the design a little bit yeah I tried Vue here cause I need to master it especially since I am a React developer and the experience is good so far.

    1

Please log in to post a comment

Log in with GitHub

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