flexbox

Community feedback

• 

  Jamie Big•580

  @jamesekunolaPosted over 1 year ago

  Hi Otutu,

  It appears that there are some improvements needed in your UI and functionality. Here are the points you should work on:

  Regarding the UI for tablet and desktop screen sizes, it seems like you haven't coded it yet. You still need to work on the responsive design for these screen sizes.

  For functionality, let's focus on step one:

  1. Validation: Ensure that users can't proceed to step two if certain conditions are not met. For example, if the name input contains numbers, if the email input lacks "@" or valid domain endings like ".com" or ".co", or if the phone number input contains letters or is not a valid number. You can address these issues using regex (regular expressions).

  2. Retain entered values: When users click on the "Go Back" button, the values they previously entered should still be visible, allowing them to make changes if needed.

  Moving on to step two:

  1. Default selection: The Arcade plan should be pre-selected by default when users arrive at this step.

  2. Plan selection: Users should have the ability to choose and change one plan out of the three available options. You can achieve this by using radio buttons.

  3. Retain selected plans: Similar to step one, when users click the "Go Back" button, the plans they selected in step two should still be visible.

  Lastly, in step three:

  1. Default add-ons: Two of the add-on plans should be checked by default.

  2. User interaction: Users should be able to check and uncheck the add-ons by clicking on the plans themselves, not just on the checkboxes.

  I hope these suggestions help you improve your UI and functionality. Good luck with your project! If you have any further questions, feel free to ask.

  Marked as helpful

  0

  ---

  

  Otutu qudus abolore•90

  @abolore1Posted over 1 year ago

  @jamesekunola Big thanks for your feedback,Ama definitely work on it.

  0

  

  Otutu qudus abolore•90

  @abolore1Posted over 1 year ago

  @jamesekunola Did you built the project perhaps I can reference it. thanks

  0

  

  Jamie Big•580

  @jamesekunolaPosted over 1 year ago

  @abolore1 yes I did.

  1

  

  Otutu qudus abolore•90

  @abolore1Posted over 1 year ago

  @jamesekunola Kindly provide the link

  0

  

  Jamie Big•580

  @jamesekunolaPosted over 1 year ago

  @abolore1 preview site: https://willowy-moonbeam-c60a39.netlify.app/ github: https://github.com/jamesekunola/multi-step-form

  0