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

Multi-step Form using Vanilla JavaScript

@Dvloper-Ibrahim

Desktop design screenshot for the Multi-step form coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


I tend to add some features to my solution, but for sure I ask for any suggestions that can increase the performance of the project.

Community feedback

Jo89 😈 380

@AhmadYousif89

Posted

Hi Ibrahim 👋

I just wanna say that your solution was awesome you did a great job 👍

General thoughts

  • I like that you have done this challenge using vanilla Js, however I noticed that you render different html pages for each step (which is not entirely bad thing in this situation) but Imo a better practice and performance wise would be rendering the steps conditionally on the same page.

  • for better user experience you may use the top/side nav btns as actual nav btns that go to certain step on click, as for now they're just decorative looking btns .

  • consider adjusting the css for the mobile devices as for now the user need to scroll up and down just to see the bottom nav btns

  • consider making the change btn in the last step to actually changing the billing cycle as this is the correct behavior for the change btn.

after all awesome job man and happy coding 👍

Marked as helpful

0

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