2.8K

Multi Step Form

Multi-step form with custom data management hook, Framer Motion for smooth step transitions, and Google Sheets integration.

GitHub →Website →

Form Screenshot (Version in image deployed Dec 24, 2023)

This project is a designed to help Business owners, Tutors, Clubs, etc. to receive and manage their form data conveniently through Google Sheets. It's an efficient solution with unlimited usage within the Google Sheets free limits.

Key Features

  • Data visualization: Offers a summary page with all selections before final submission, promoting informed choices. summary step
  • Automated data storage: Sends collected data directly to Google Sheets for easy access and organization. Products sheets

Store functions (Live preview 'version Feb 18, 2024')

Technologies Used

The project is built using technologies like:

  • Next.js 13: React framework
  • MDX: A format that lets you write JSX embedded inside markdown documents.
  • TailwindCSS: For styles
  • Framer Motion: For animations
  • shadcn/ui: UI components library
  • googleapis: For authorization and authentication

Contact Me

For any inquiries, feedback, or if you're interested in having your own form powered by Google Sheets, contact me via WhatsApp or email me at th.dev.design@gmail.com.

Project Screenshots

success step Mobile ver Desktop ver

(Version in image deployed Feb 18, 2024)

Please note that the project is still a work in progress, and contributions or suggestions are welcome.