Skip to content
OverviewSolutions
7
Comments
2
Alexander Bobykin
@abobykin

All comments

  • visualdennis•8,375
    @visualdennissSubmitted over 1 year ago

    You can find MY ANIMATION TUTORIAL HERE

    🔥 Another challenge with my own custom design on top the original fem design.

    • Landing Page Animation done in gsap.
    • Changing Words Animation done in vanilla JS.
    • Error Animations done in framer-motion (due to exit animations)
    • Input Field Animations done in vanilla CSS.

    For optimum animation experience, recommended viewing dimensions: 1440x800

    • I've built the form using react-hook-form for functions and yup for validation.
    • Modal component built by using Dialog component by headlessui
    • The placeholder text for terms of services generated by ChatGPT (who would have written all that text anw :) )

    It is also responsive for mobile.

    And finally with this submission, i've officially completed all newbie challenges 🔥

    🦊 Smoothly Animated Sign-up Form [Redesign] + [react-hook-form] 🦊

    11
    Alexander Bobykin•90
    @abobykinPosted over 1 year ago

    WOW, it's really cool!

    So good looking work, seems like you love your work & users. I made a task for myself to review your code carefully if I can find anything else after all guys of course (now it's just pretty late for my), but for now please take at least my respect so far Denis!

    Thank you for your great efforts, it's really inspiring to learn (once again)!

    0
  • Alexander Bobykin•90
    @abobykinPosted over 1 year ago

    Hello Ola! You did it well. Good.

    Couple things coming to head to improve for you, cause I'm pretty sure that HTML validator is unhappy )))

    • Could you please add <main> Your main code }} </main>

    This wrapper is needed inside <body> here </body>

    ===

    • It's also needed (According to https://www.w3.org/WAI/tutorials/page-structure/headings/) one <h1></h1> tag with a main heading on a page

    Happy coding!

    Marked as helpful
    1