Skip to content

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.

Notifications You must be signed in to change notification settings

raibove/gtx-form

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

56 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GTX Form

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.

Features

  • 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

Pending Features and Improvements

  • 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

Setup

To run this application locally, follow these steps:

  1. Clone the repository:
    git clone https://github.com/raibove/gtx-form
  1. Install the dependencies:
npm install
  1. Start the development server:
npm run dev

The application should now be running on http://127.0.0.1:5173/

Deployment

This application is deployed using Netlify. You can access the deployed version at https://gtx-form.netlify.app/

Credits

This application was developed by Shweta Kale. You can share your feedback with me by messaging on my mail id shwetakale144@gmail.com

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published