Multi-Step Job Application Form

All steps maintain a consistent header with job title, company name, logo, and progress tracker.

Each step displays a progress bar to indicate the current position in the form.

Step 1 includes fields for name, email, phone number, and country dropdown.

Step 1 displays error states for empty or invalid inputs (invalid email format, phone must contain only numbers).

Step 2 allows adding and editing education and work experience via modals.

Step 2 education modal contains fields for degree, institution, start date, end date, and optional description.

Step 2 experience modal contains fields for job title, company name, start date, end date, and optional description.

Step 2 includes a delete button for education and experience entries, which shows a confirmation dialog before deletion.

Step 2 lists added experience and education entries in the order they were added.

Step 3 provides a file upload field for resume (required) and cover letter (optional).

Step 3 requires users to add a LinkedIn profile URL, while the GitHub profile URL is optional.

Step 3 displays errors for invalid file formats or exceeding file size limits.

Step 4 summarizes all entered data with 'Edit' buttons next to each section.

Step 4 requires users to check the terms and conditions and data consent field before submitting.

Submission success screen displays confirmation details and next steps.

Submission failure screen displays an error message with a retry option.

Implement local storage to save progress between steps.

Connect to a backend server to collect and process form data.

Implement asynchronous file uploads and validate file sizes before upload.

Add dark mode support for better accessibility.

Make the form layout responsive for different screen sizes.