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 Form using ReactJs

@erikfelipe

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


Criei as paginas utilizando meu conhecimento em React, e um pouco de tailwind para a estilização. Utilizei o react-router para navegar entre as duas telas e levar dados de uma para outra. Tive dificuldade em passar propriedades de um componente para outro, assim como para fazer a validação de erro, e ir mudando o estilo do input e button ao mesmo tempo. E também tive dificuldade para deixar o card do tamanho que queria. No entanto, gostei deste projeto e pude aperfeiçoar bastante meus conhecimentos. Pretendo melhora-lo futuramente, fazendo com que o email seja enviado.

I created the pages using my knowledge in React, and a little tailwind for styling. I used react-router to navigate between the two screens and take data from one to the other. I had difficulty passing properties from one component to another, as well as to perform error validation, and change the style of the input and button as you go. Same time. And I also had difficulty making the card the size I wanted. However, I enjoyed this project and was able to improve my knowledge a lot. I intend to improve it in the future, ensuring that the email is sent.

Community feedback

@Bryan-Giitwa

Posted

nice project

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