This project is a job application form built with React, showcasing the use of nested conditional fields, multiple field types, and enhanced validation. The form includes fields for Full Name, Email, Phone Number, Applying for Position, Relevant Experience, Portfolio URL, Management Experience, Additional Skills, and Preferred Interview Time. The form implements conditional logic to display specific fields based on the selected job position. It also includes validation to ensure all required fields are correctly filled out.
- Dynamic form fields with nested conditional rendering
- Multiple field types including text, email, number, dropdown, checkboxes, and date-time picker
- 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: Job-Application-Form
Live Preview: https://job-application-form-xi.vercel.app/
To set up and run this project locally, follow these steps:
- Node.js and npm (Node Package Manager) installed on your machine
-
Clone the Repository
git clone https://github.com/PranitPatil03/Job-Application-Form.git cd Job-Application-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.
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!