Submitted
Building this, I found the following aspects challenging:
- State Management: Managing state across components.
- Conditional Rendering: Rendering components based on the current step.
- Form Validation: Checking inputs and displaying errors.
- Responsive Design: Adapting to different screen sizes.
- TypeScript Errors: Dealing with type issues.
I am particularly unsure about how I managed state within the components. While I implemented a single-page rendering approach, I am open to suggestions on whether there might be more effective ways to handle state, especially when it comes to sharing data between components. Additionally, I am open to improving the form validation logic and exploring best practices for conditional rendering based on the form's current step. Thank you !