A responsive and dynamic event registration form built with React.js. The form includes various input fields, conditional logic, and validation. It allows users to register for an event and optionally include a guest. The form data is summarized and displayed upon submission.
- Dynamic Fields: The form includes fields such as Name, Email, Age, and an optional Guest Name, which appears only if the user is attending with a guest.
- Validation: Input fields are validated for required entries, valid email format, and appropriate age values.
- Summary Display: After form submission, a summary of the entered data is displayed.
- React.js: For building the user interface with functional components and hooks.
- CSS: For styling the application with a dark theme and glassmorphism effects.
- Vercel: For deployment and hosting.
- useForm: A custom hook for managing form state, handling input changes, and validating form data.
- useGuest: A custom hook for managing guest state and handling guest-related logic.
- Node.js and npm (or yarn) installed on your machine.
- Clone the repository:
git clone https://github.com/jayantsingh-22/event-registration-form
- Navigate to the project directory:
cd your-repository-name - Install dependencies:
npm install or yarn install
- Run the application:
npm start or yarn start