Skip to content

PranitPatil03/Job-Application-Form

Repository files navigation

Job Application Form

Overview

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.

Features

  • 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

Tech Stack

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

Project Structure

Main repository: Job-Application-Form

Deployment

Live Preview: https://job-application-form-xi.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

  1. Clone the Repository

    git clone https://github.com/PranitPatil03/Job-Application-Form.git
    cd Job-Application-Form
  2. Install Dependencies

    npm install
  3. Run the Application

    npm run dev
  4. Open the Application in Your Browser

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

Contact

For any queries, feel free to reach out:

Thank you for the opportunity to work on this assignment!