This project is an event registration form built with React, demonstrating the use of dynamic fields and simple validation. The form includes fields for Name, Email, Age, and an option to add a Guest Name if attending with a guest. The form implements conditional logic to display the Guest Name field only if the user indicates they are attending with a guest. The form also includes validation to ensure that all required fields are filled out correctly.

• Dynamic form fields
• Conditional rendering of the Guest Name field
• Real-time validation of input fields
• User-friendly interface with clear error messages
• Display of entered data summary upon submission

• React
• TypeScript
• Tailwind CSS
• Shadcn
• React Hook Forms
• React Router

Main repository: Event-Registration-Form

Live Preview: https://event-registration-five.vercel.app/

To set up and run this project locally, follow these steps:

• Node.js and npm (Node Package Manager) installed on your machine

1. Clone the Repository

   git clone https://github.com/PranitPatil03/Event-Registration-Form.git
   cd Event-Registration-Form

2. Install Dependencies

   npm install

3. Run the Application

   npm run dev

4. Open the Application in Your Browser

   Navigate to http:https://localhost:5173 to see the form in action.

For any queries, feel free to reach out:

• Portfolio: Pranit Patil
• Email: [email protected]

Thank you for the opportunity to work on this assignment!