Multi-step auth form

This is a simple form that collects user information and add-ons preferences for a gaming subscription service.

Technologies Used

• React
• TypeScript
• CSS

Preview Application

Description

This is a multi-step form created with React. It allows users to input their personal information, select a gaming console and pick add-ons for their account. The form features form validation, dynamic button text changes based on the current step and a progress bar that indicates the user's progress through the form.

The form is built using React functional components and uses React hooks to manage the state. It also incorporates local storage to remember the user's previous selections in case they leave the form and return later.

Installation

1. Clone the repository: git clone <repository-url>
2. Install dependencies: npm install
3. Start the development server: npm start

Usage

1. Open your browser and go to http://localhost:3000.
2. Fill out the form with your personal information and add-ons preferences.
3. Click the "Next" button to navigate to the next step.
4. Once you reach the final step, click the "Confirm" button to submit the form.

Contributing

Contributions are always welcome! If you'd like to contribute, please follow these steps:

1. Fork the repository
2. Create a new branch (git checkout -b feature/<feature-name>)
3. Make your changes and commit them (git commit -am 'Add some feature')
4. Push to the branch (git push origin feature/<feature-name>)
5. Create a new pull request

License

This project is licensed under the MIT License. See the LICENSE file for details.