• Responsiveness achieved using the Styled Components Library
• Basic validation over required and specific input fields
• Form fields structure imported from iterated field-set .js file
• Submit and clear form custom methods
• State management using react-redux toolkit
• Typescript throughout the components to ensure data structures and adequate responses

Dynamic Form SPA uses a number of open source projects to work properly:

• [React] - To achieve components-based structure and SPA behavior
• [Typescript] - To ensure future app performance and scalability
• [Redux Toolkit] - Simple and scalable state-management
• [Styled Components] - Easy custom components styles and reusability, minimal setup
• [Node] - Environment for the backend and development server
• [Vite] - Fast development server reload and build time
• [Vitest] - Blazing fast setup test environment based on Jest and react-testing-library

Dynamic Form SPA requires Node.js v10+ to run.

Install the dependencies and devDependencies and start the server.

cd DynamicFormSPA
npm i
npm run dev