Event Registration Form

Overview

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.

Features

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

Tech Stack

React
TypeScript
Tailwind CSS
Shadcn
React Hook Forms
React Router

Project Structure

Main repository: Event-Registration-Form

Deployment

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

Project Setup

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

Prerequisites

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

Steps

Clone the Repository

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

Install Dependencies
```
npm install
```
Run the Application
```
npm run dev
```
Open the Application in Your Browser

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

Contact

For any queries, feel free to reach out:

Portfolio: Pranit Patil
Email: patilpranit3112@gmail.com

Thank you for the opportunity to work on this assignment!