Skip to content
OverviewSolutions
13
Comments
3
Andréee 👾
@aandreluis

All comments

  • Adriano•38,270
    @AdrianoEscaraboteSubmitted almost 2 years ago

    👨‍💻 Hello everyone.

    This was a very challenging project, I dealt with a lot of bugs during development and also managed to learn a lot! I'm very happy with the result, I managed to practice a lot of new things, including the use of Hooks. One of the hooks that helped me the most during development was (useEffect), it was perfect for dealing with the side effect and it was also very important for passing form data through components using the Context API.

    I had never used react router before and this was my first time. One tool that helped me a lot to keep my app running smoothly, as well as being able to monitor my project's accessibility and SEO, was the lighthouse!

    I added:

    • 👨‍💻 404 error page
    • 🎨 Animations during component rendering

    Feel free to suggest code improvements!

    Thanks! 😊

    Multi-step form built w/ (React + Styled Components) 👨‍💻

    5
    Andréee 👾•190
    @aandreluisPosted almost 2 years ago

    Very good project, congrats! But, the validation on email input doesn't work well, same the input being required, the form go to next step 🤔

    Marked as helpful
    0
  • Andréee 👾•190
    @aandreluisPosted about 2 years ago

    Hi, congratulations for the challenge!👏

    I noticed you forgot to add the project font, which is in style-guide.md

    Font
Family: Outfit (https://fonts.google.com/specimen/Outfit )
Weights: 400, 700

    You can get the font from fonts.google, the easy way:

    To add to <head>:

    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap" rel="stylesheet">

    Or add to style.css file, using @import:

    @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap');

    Remember, after linking the font to add it to your css:

    Ex:

    * {
  font-family: "Outfit", sans-serif;
}
    0
  • Andréee 👾•190
    @aandreluisPosted about 2 years ago

    Hello, I believe that the best way to put the background is with css like you did! background-image allows you to use more than one image, just use one: ,

    Ex:

    background-image: url(), url();
background-repeat: no-repeat, repeat;
background-position: right 53px bottom 40px, left 53% top 40%;

    Separating with , you will get a result similar to the original design... Hope this helps!👍

    Marked as helpful
    1