Skip to content
OverviewSolutions
3
Comments
2
Héctor M. Tamayo G.
@hector-kuentro

All comments

  • Héctor M. Tamayo G.•140
    @hector-kuentroPosted over 1 year ago

    Hi, liked your card form. Just a simple hover effect on inputs would be nice, and I think the button background color change on is too aggressive, maybe for the background-clip. But in general, great solution!

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

    This challenge was a nice project to practice state management of the whole app with Context API, storing all the data at the top level and retrieving it from grandchildren without prop drilling. Initial data is rendered dynamically from data.js

    Step transitions are smooth with subtle fade-in animations. Clicking on plans or add-ons also produce some little ripple effect 🔥

    Note: This was built some while ago, so with my current knowledge, i'm aware that the code needs some changes regarding best practices and some more improvements in terms of semantic HTML etc. Also the form validation is basic. (not checking for @ etc., type number for phone etc.)

    ⚡ Multi-Step Form in React + State Management with ContextAPI ⚡

    3
    Héctor M. Tamayo G.•140
    @hector-kuentroPosted over 1 year ago

    Hi visualdenniss, I liked the ripple animation in buttons and the fade transitions between sections.

    You could use the onBlur property on inputs to show an error message if the user didn't provide any value to that input; and also maybe use a regex to validate the email address.

    Otherwise, it's a great solution!

    Marked as helpful
    1