I want to create a prototype of the initial design to evaluate it further. It is based on the design of typeform.com. Reference: [login to view URL]
The difference between the way this form will work and how typeform asks the question is - the number of questions displayed per page. Typeform displays one question, and my design should show 3 questions. The focus from one question to next question should change when the user hits the Enter key and when the user hits the Enter key on the third question on the page, it should show the next page.
The design show start with the welcome screen with a Start button. When the user hits the Enter key, the entry form starts and the first page is displayed with 3 questions.
The initial focus will be on the first question entry control. The OK button or Enter info text will be initially invisible. When the user enters valid input, the OK button and Enter info text should be visible.
Click on OK or hitting the Enter key should move the focus to the next question. The OK button and Enter info text should work as described in (2).
When the user presses the OK button or hits Enter key on the third question, the next page should be displayed with the next set of three questions.
After the final question is answered, a thank you page should be displayed.
Please include "typeform" at the start of your proposal.
The design should be responsive and use ReactJS. The form elements should be separate custom components when used inside the pages. The transition from 1 set of 3 questions to another set should be from bottom to top, just like the typeform animation. No API integration required.
17 freelancers are bidding on average $153 for this job
Hi, I've ~4 years experience in NodeJS, ReactJS and ~7 years in related technologies. We can further discuss the details around the requirements and the plan project execution plan thereof.