Skip to content

Payalpie/mini-app-test-task

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mini Application

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.

Features

  1. Radio Selection Buttons: Select between three options.
  2. Text Box for Discount Code Entry: Validate discount codes that have 6-8 capital letters followed by 2-4 digits.
  3. Button to Simulate Discount Code Generation: Generates a unique, random discount code that follows the same validation rules.
  4. Notes Field: Allows users to enter notes, with the text being stored in the application's state.
  5. Print State: Button to print all values stored in the Redux store to the console.

Technologies Used

  • React: For building the user interface.
  • TypeScript: For type safety and better development experience.
  • Redux: For state management.
  • Tailwind CSS: For styling the application.

Getting Started

Follow these instructions to set up and run the project on your local machine.

Prerequisites

  • Node.js (>=14.x)
  • npm (>=6.x) or yarn (>=1.x)

Installation

  1. Clone the repository:
    git clone https://github.com/yourusername/mini-application.git
    cd mini-application

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published