Recreate PFI Order Execution Form (Front-End)

[prathamshroff]

Overview

We need to create a custom form to replace the existing CognitoForms form. The new form should mimic the design and functionality of the original form, and upon submission, send the form data to our custom integration which connects with Airtable (the integration taken care of by #5).

Tasks

• Analyze the existing Cognito Forms form and identify all the form fields, layout, and styling.
• Create a new Next.js page/component for the form and style it using Tailwind CSS to match the original design.
• Implement form validation and error handling for required fields and any field-specific validation rules.
• Upon SUBMIT, send POST request to /submit endpoint JSON data payload.
• Handle the custom integration's response to display a success message, or inform the user of any errors.
• Add any required SEO optimizations or accessibility improvements to the form
• Test responsiveness and cross-browser compatibility

Form: https://www.cognitoforms.com/AjayShroff/PFIOrderExecutionForm