
Open
Posted
•
Ends in 6 days
Paid on delivery
We are building a website in Framer and need a custom multi-step intake form (wizard) implemented as a Framer code component. A working prototype already exists in React, but it requires cleanup, adjustments, and completion. Goal Deliver a fully functional, user-friendly intake wizard with 5 steps: 1. Select categories & subcategories 2. Select services per subcategory 3. Answer additional questions per selected service (max 5 per service, configurable) 4. Provide contact details (with validation, phone number required) 5. Confirmation/thank-you screen with redirect to a scheduling page Technical requirements • Framework: React (Framer code component). • File format: .tsx (preferred, with basic typing), .jsx is acceptable. • Styling: Inline style objects (keep consistent with current code). • Form submission: JSON payload via Formspark endpoint. • Behavior: • Step 1: Subcategories must be displayed vertically (not side-by-side). • Step 2: Services per subcategory selectable via checkboxes/chips. • Step 3: Show up to 5 relevant questions per selected service (using predefined config object). • Step 4: Contact form with required fields (name, company, email, phone required with validation pattern). Disable browser autofill (autoComplete="off"). • Step 5: Thank-you screen with link to redirect path. • Validation: All required fields must be checked before advancing/submitting. • No localStorage / persistence: Each new form session should start blank (no pre-filled data). Deliverables • A single .tsx (or .jsx) file, fully working in Framer as a code component. • Clean, modular code: each step should be a separate function/component. • Clear inline comments explaining how to add/edit services and questions later. • Mobile responsive layout. Nice-to-have • Strong TypeScript typing for form data and props. • Simple, reusable configuration for services and questions. Timeline • Whats your expected delivery?
Project ID: 39721997
19 proposals
Open for bidding
Remote project
Active 8 secs ago
Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
19 freelancers are bidding on average €140 EUR for this job

Hello Omar, I understand you need a multi-step intake form implemented as a Framer code component. I've worked with React and TypeScript extensively, and I'm confident in delivering a user-friendly wizard tailored to your specifications. I can ensure each step is functional, from category selection to contact details, with a focus on validation and a clean, modular code structure. I also prioritize maintaining the current styling and providing clear comments for future adjustments. I’m available to discuss further and clarify any details needed to make this project a success. Thanks, Muhammad
€100 EUR in 3 days
5.2
5.2

With over 7 years of professional web development experience, I bring expertise in a range of important areas to your project which include; customization and setup using React (Framer code component), TypeScript, JSX, and inline styling with clear, organised and commented code. Working extensively over the years has honed my attention to detail, and ensures I'll deliver clean, modular code while maintaining consistent User Experience design to match your wireframe. Additionally, I have a profound understanding of JSON payloads and Formspark integration What sets me apart is not just my ability to meet technical requirements but also a great emphasis on user-engagement. In the dynamic digital marketing world, it's become vital for websites to be highly efficient. My prime objective is to create modern, responsive sites that ultimately enhance user satisfaction. The proposed wizard will follow strict validation criteria and post submitting all the data will be stored securely as per JSON payloads. Commitment plays a major part in any potential collaboration. I'm committed not just while delivering the project on time but also performing any necessary maintenance in support of my clients' long-lasting impression on the website. Whether you're seeking an avenue for growth or customer engagement, my main motive is to ensure your project SUCCESSFUL by bringing your vision to life. So let's get started today!
€120 EUR in 7 days
3.7
3.7

I've built similar multi-step forms using React/TSX within Framer for client onboarding, leveraging component-based architecture for scalability and maintainability. My experience includes integrating with various backend systems via REST APIs and implementing robust validation using libraries like Yup and Zod. This ensures a seamless and user-friendly experience. My approach involves building a modular, reusable component library within your Framer project. This will utilize React's functional components and TypeScript for type safety. I'll implement a state management solution, likely Context API or Redux Toolkit, to handle form data efficiently. Validation will be implemented at each step, providing real-time feedback to the user. Testing will be done using Jest and React Testing Library to guarantee quality and functionality. Ready to discuss this project further? Could you share details on the specific fields and data points required for your intake form, so I can tailor the component's structure and functionality to your precise requirements?
€190.10 EUR in 21 days
3.9
3.9

As an experienced developer with over a decade in the industry and extensive skills in React, TypeScript, and JavaScript, I am well-suited to tackle your multi-step intake form project. I possess meticulous attention to detail and a sharp eye for design, crucial traits especially in a project with numerous steps like yours. My commitment to producing clean, scalable code with consistently high-quality results is evident in my long list of successfully completed projects.
€130 EUR in 1 day
5.2
5.2

✅ IF YOU'RE NOT HAPPY, YOU DON'T PAY ✅ I am a perfect fit for your project to create a custom multi-step intake form wizard in Framer. Your detailed requirements align perfectly with my expertise in building clean, professional, and user-friendly interfaces. While I am new to Freelancer, my extensive experience off-site ensures high-quality deliverables. I am committed to delivering a fully functional, mobile-responsive intake wizard with seamless navigation and JSON payload submission. My approach involves creating modular components, inline styling for consistency, and thorough validation to ensure optimal user experience. I would love to chat more about your project! Regards, Piyush Gupta
€150 EUR in 5 days
3.3
3.3

Greetings! This is exactly the kind of work I love doing. I’m an expert React/TypeScript developer with over 9 years of experience building custom, modular forms and integrating them into platforms like Framer. I’ll deliver a clean, user-friendly multi-step intake wizard that meets all your requirements. Here's how I can help: - Develop a fully functional 5-step wizard in Framer as a reusable code component (.tsx) - Implement vertical subcategory selection, service checkboxes, dynamic questions, and contact validation - Ensure mobile responsiveness and seamless Formspark integration - Provide clear inline comments and a simple config object for easy future edits Could you share your existing React prototype and the Formspark endpoint details? I can deliver the completed component within **3 days**. Let’s make your intake process smooth and professional!
€180 EUR in 4 days
3.4
3.4

Hello, With a decade of experience in full-stack development, especially with React and JavaScript or TypeScript, I am well-versed in the requirements for creating elegant and user-friendly interfaces. I can bring your existing prototype to life as a fully functioning and responsive Framer code component. Given my track record of successfully deploying apps with clean and modular code, I am confident about delivering a file that is not just functional, but also easy to read, understand, and maintain. My dedication to paying meticulous attention to detail will help ensure that all styling requirements are met inline with your existing codebase. My skills in form validation and JSON payload handling make me the perfect choice for this project where data integrity is critical. And as you seek strong typing for form data plus simple reusable configuration for services and questions, my proficiency in TypeScript further enhances my suitability for the project. Furthermore, I believe my past experience providing projects from concept to deployment demonstrates my resilience and commitment. The wizard I'll create will be tailored specifically to your needs by making separate smaller components out of each step, e.g., step 1 as categoryList(), step 2 as ServiceCategories(), etc., This allows easier integration of new service/subcategories/questions in the future by just adding them as new reusable components rather than digging through Thanks!
€86 EUR in 2 days
2.9
2.9

Hello Omar A., I hope this message finds you well. My name is Mikhail, and I'm reaching out to express my interest in your project titled "Build a multi-step intake form as a Framer code component (React/TSX)" With extensive experience and a strong skill set in Typescript and JavaScript, I am confident in my ability to deliver outstanding results that meet your expectations. I have a proven track record of successfully completing similar projects, and I am eager to bring my expertise to your initiative. Understanding the importance of timely delivery and budget constraints, I am committed to providing efficient solutions without compromising on quality. I prioritize clear communication and collaboration, ensuring that we are aligned throughout the project's duration. I would be thrilled to discuss how I can contribute to your project's success in more detail over chat. Looking forward to the opportunity to work together. Best regards, Mikhail
€155 EUR in 3 days
2.5
2.5

Hi, I’ve been working with JavaScript, Typescript for over 7 years, and I love helping people bring their ideas to life. I’m confident I can help with your project and make sure it turns out just the way you want. I'm really excited about your project—it genuinely caught my attention, and I'm ready to dive in right away. From what I've seen so far, your requirements are clear, and I feel aligned with your expectations. That said, I’d love to ask a few quick questions to ensure we’re fully aligned before getting started. I’m excited to work with you and make this project awesome! I can easily adapt to your preferred working hours, so just let me know what suits you. Talk soon, Cheers Liam
€180 EUR in 7 days
2.6
2.6

Hello Omar, I’m excited about the opportunity to build a multi-step intake form for your Framer project. I have extensive experience in React and TypeScript, and I can ensure the delivery of a clean, modular, and mobile-responsive component that meets your specifications. I’ll refine your existing prototype, implementing all required validations and a user-friendly flow for each step of the wizard. I understand the need for strong TypeScript typing and clear documentation, making future modifications effortless. My focus will be on creating a seamless experience while adhering to all technical requirements and leveraging inline styles. What specific adjustments would you like to see in the existing React prototype to better align with your vision? Thanks, Bryson
€150 EUR in 7 days
0.0
0.0

"This project is perfect for me, I recently did something similar to this project for another client. I understand the need for a clean, professional, and user-friendly multi-step intake form in Framer. While I am new to Freelancer, I have tons of experience and have done other projects off-site as I run an Agency. I specialize in React development and can deliver a fully functional intake wizard with a seamless user experience. My expertise lies in creating custom forms and ensuring mobile responsiveness. I have a keen eye for detail and can meet the technical requirements, including JSON payload submission and form validation. I would love to chat more about your project! Look forward to chatting to you, Chloe"
€150 EUR in 14 days
0.0
0.0

We’re here to bring your vision to life with our unique expertise and clear, collaborative communication every step of the way. With extensive React experience, we will refine and complete your multi-step intake wizard in Framer, ensuring a seamless user experience. No payment if you’re not satisfied. Expert in React and Framer, I have successfully delivered similar projects outside of this platform. Let's discuss further how we can assist you with your website wizard. Regards, Attie. utilissolutions
€150 EUR in 14 days
0.0
0.0

Hi there! I believe I’m a strong match for your project. I have vast experience in building custom multi-step intake forms and can seamlessly integrate a user-friendly intake wizard into your existing Framer project. I will deliver a clean, professionally coded .tsx file that meets all your requirements for a seamless user experience. With expertise in React and Framer, I can ensure a mobile-responsive layout and strong TypeScript typing for form data and props if needed. Let’s connect and see how I can bring value to your project! Regards, Alecia
€150 EUR in 7 days
0.0
0.0

"Your vision, delivered with precision. Our expertise lies in developing customized multi-step intake forms to meet your needs. Consistent with your requirements, we will clean up, adjust, and complete the React-based wizard for a seamless user experience. As a dedicated freelancer, I prioritize quality, precision, and meeting deadlines. Let's bring your project to life with care and creativity. I'm excited to chat more about your project! Regards, Leelinn B"
€150 EUR in 30 days
0.0
0.0

My name is Branson and I would love to tackle your project by building a multi-step intake form as a Framer code component. My significant experience with both React and TypeScript positions me perfectly for this task. Additionally, I believe my deep understanding of Java Development will be invaluable in designing and implementing a robust and scalable form system. As an ethical hacker, I understand the critical nature of data security. I assure you that not only will your authentication fields be secure, but your entire website will be safeguarded from vulnerabilities that could compromise its integrity. This mix of front-end and back-end expertise makes me adept at managing your sensitive data to meet the highest cybersecurity standards while aligning seamlessly with your preferred Formspark endpoint for form submissions. Moreover, beyond just completing the technical requirements, I aim to deliver clean and modular code that allows for future updates without hassle. The inline comments will be explicit in guiding you through adding or editing new services and questions, ensuring that the code stays adaptable as your needs change. Overall, being a conscientious developer with a hacker's curiosity, I am driven to create solutions that are both technically excellent and capable of standing up to challenge.
€50 EUR in 2 days
0.0
0.0

Let's talk about how I can be useful to you and complete your project. I specialize in developing clean, professional, and user-friendly web solutions. I'm offering my skills at a discounted rate for a limited period, committed to delivering high quality to build my reputation. I have years of experience and have done similar projects off site for many years. I understand your need for a custom multi-step intake form in Framer, and I can deliver a fully functional wizard with the specified 5 steps. Can we discuss the expected delivery timeline and any specific customization you require? Chat with me and let's discuss project deadline, budget and other details. Regards, Jaco
€200 EUR in 14 days
0.0
0.0

Antwerpen, Belgium
Member since Jun 3, 2022
€30-250 EUR
€6-12 EUR / hour
€30 EUR
€30-250 EUR
€8-30 EUR
₹12500-37500 INR
$30-250 USD
$2-8 AUD / hour
₹12500-37500 INR
$1500-3000 AUD
$1500-3000 USD
₹1500-12500 INR
$50-500 USD
£10-15 GBP / hour
₹12500-37500 INR
£20-250 GBP
₹1500-12500 INR
$30-250 USD
$25-50 USD / hour
$750-1500 USD
$30-250 USD
$10-30 USD
$10-30 USD
₹600-601 INR
$250-750 AUD