SuryaPratap2542 / React-Form

React Form Application with Tailwind CSS

React Form Application with Tailwind CSS

This is a simple React form application created using React and Tailwind CSS.

Features

• Input fields for first name, last name, email, state, city, pin, and notification type.
• Dropdown to select the state.
• Radio buttons to select the notification type.
• Submit button to submit the form.

Usage

1. Clone the repository:

   git clone https://github.com/your-username/react-form-app.git

2. Navigate to the project directory:

   cd reactform

3. Install dependencies:

   npm install

4. Initialize Tailwind CSS (if not already initialized):

   npx tailwindcss init

5. Build the Tailwind CSS:

   npx tailwindcss build -o src/tailwind.css

6. Run the development server:

   npm start

7. Open your web browser and go to http://localhost:3000 to use the form.

Tailwind CSS Integration

This project uses Tailwind CSS, a utility-first CSS framework, for styling. Key points about Tailwind CSS integration:

• CSS classes from Tailwind CSS are used to style the form elements.
• The form is enclosed in a container with a shadow and rounded styling.

Screenshots

Form

After Submitting

After submitting the form, a popup/modal will appear displaying the submitted data.

License

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