Skip to content
OverviewSolutions
4
Comments
3
billccr
@billccr

All comments

  • billccr•90
    @billccrPosted over 1 year ago

    I really like your alternate version. Well done!

    4
  • Saad Hisham•1,750
    @Saad-HishamSubmitted over 1 year ago

    👋 Hi there! I thoroughly enjoyed solving this challenge. I used Bootstrap to create the layout and added some animations using Framer Motion.💫 It was quite a challenge to match the color of the image with the design, but I did my best!

    💥Animated Stats Preview Card Component💥

    1
    billccr•90
    @billccrPosted over 1 year ago

    Nice to see this challenge freshened up with some animation! Nicely done.

    I believe I had used the css mix-blend-mode with the background color to get the image color.

    Marked as helpful
    1
  • 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
    billccr•90
    @billccrPosted over 1 year ago

    Very inspiring to see what you've done with this 'newbie' challenge. Quite a beautiful presentation.

    For image compression, conversion, and resizing, you might also want to take a look at Squoosh App. It's a web app that's super intuitive, fast, and works offline (no uploading of assets required). Jad Joubran (of Learn JS Online) does a great analysis video of it.

    Marked as helpful
    0