This is a mini-application developed using React, TypeScript, Redux, and Tailwind CSS. The application includes the following features:
- A set of radio buttons allowing the user to select between three options (Option A, Option B, Option C).
- A text box for discount code entry with validation.
- A button to simulate discount code generation.
- A text box where users can enter notes or comments.
- Radio Selection Buttons: Select between three options.
- Text Box for Discount Code Entry: Validate discount codes that have 6-8 capital letters followed by 2-4 digits.
- Button to Simulate Discount Code Generation: Generates a unique, random discount code that follows the same validation rules.
- Notes Field: Allows users to enter notes, with the text being stored in the application's state.
- Print State: Button to print all values stored in the Redux store to the console.
- React: For building the user interface.
- TypeScript: For type safety and better development experience.
- Redux: For state management.
- Tailwind CSS: For styling the application.
Follow these instructions to set up and run the project on your local machine.
- Node.js (>=14.x)
- npm (>=6.x) or yarn (>=1.x)
- Clone the repository:
git clone https://github.com/yourusername/mini-application.git cd mini-application