MultiStepForm Generator - FormulateFlow

Video Showcase:

https://drive.google.com/file/d/1npAQ-kwl1h6pQrwQlZE3tJawE4BjafF3/view

Ever wrestle with clunky multi-step forms in React? ‍

I know I did. That's why I built this open-source project: to streamline the process and make creating multi-step forms in Nextjs applications a breeze.

I have fine-tuned Claude to understand the specific needs of multi-step forms within this tech stack.

Tech Stack

• React Hook Form Integration: Utilize the power of React Hook Form for handling form states and validations.
• Zustand for State Management: Manage global state across different form steps effortlessly with Zustand.
• Dynamic Form Schema: Define your form structure and validation using Zod.
• Styling with Shadcn: Ensure your forms are not only functional but also visually appealing with Shadcn.

Getting Started

To get started with the MultiStepForm Generator, follow these steps:

Installation

Clone the repository:

git clone https://github.com/XamHans/formulateflow
cd formulateflow

Rename the .env.example to .env and place your claude api key

CLAUDE_API_KEY="<API_KEY>"

Acknowledgments

Special thanks to the twitterbio project which served as an inspiration and starting point for our MultiStepForm Generator.