This is a clone of the Typeform web application built with Vite and React. The form closely mimics the features of the original Typeform, including field validations, scroll behavior, progress bar, error labels, and other smaller details.
- Field validations for various input types
- Scroll behavior to smoothly move between questions
- Progress bar to show the completion status of the form
- Error labels to indicate validation errors
- Hover and select effects to enhance the user experience
- Show questions based on condition
- Add tests for testing main features of the Appliation
- For the question => Your role in your company? Accept text input when clicked on Other
- Add flags with phone numeber
- Add animation to select input to blink after selection
- Improve responsiveness
- Submit form data to https://eo3oi83n1j77wgp.m.pipedream.net using a request
- Enhance the styling of the form elements to better match the original Typeform
- Implement logic to save user's progress on the form in case they need to leave the page before completion
- Fix navigation of form using tab to improve accessibility
To run this application locally, follow these steps:
- Clone the repository:
git clone https://github.com/raibove/gtx-form
- Install the dependencies:
npm install
- Start the development server:
npm run dev
The application should now be running on http://127.0.0.1:5173/
This application is deployed using Netlify. You can access the deployed version at https://gtx-form.netlify.app/
This application was developed by Shweta Kale. You can share your feedback with me by messaging on my mail id shwetakale144@gmail.com