Create a responsive form with various input fields for all the sections in the resume template.
The input form should match the structure of the template, allowing users to fill out their details easily.
Ensure that the input fields dynamically populate the resume template, maintaining the formatting.
Sections for Input Fields:
Personal Information:
Name (Text Input)
Roll Number (Text Input)
Course - Branch (Text Input)
Contact Number (Phone Input)
Email (Email Input)
GitHub Profile (URL Input)
LinkedIn Profile (URL Input)
Education:
Category (Text Input)
Course Name (Text Input)
Positions of Responsibility:
Title (Text Input)
Club/Fest/Board (Text Input)
Timeline (Date Range Input)
Description (Textarea)
Achievements:
Title (Text Input)
Description (Textarea)
Year (Number Input)
Features:
Use React to create input forms.
Implement Tailwind CSS for styling the form, keeping it simple and responsive.
Bind the input fields to dynamically update the sections of the resume.
Add validation (e.g., required fields like Name, Email, etc.).
Make sure that long descriptions do not break the layout.
Ensure mobile responsiveness.
Create a responsive form with various input fields for all the sections in the resume template. The input form should match the structure of the template, allowing users to fill out their details easily. Ensure that the input fields dynamically populate the resume template, maintaining the formatting. Sections for Input Fields:
Personal Information:
Name (Text Input) Roll Number (Text Input) Course - Branch (Text Input) Contact Number (Phone Input) Email (Email Input) GitHub Profile (URL Input) LinkedIn Profile (URL Input) Education:
Degree/Certificate (Text Input) Institute/Board (Text Input) CGPA/Percentage (Text Input) Year (Number Input) Experience:
Experience Title (Text Input) Designation (Text Input) Timeline (Date Range Input) Description (Textarea/Multiple Input) Projects:
Project Name (Text Input) Project Type (Text Input) Timeline (Date Range Input) GitHub Link (URL Input) Description (Textarea/Multiple Input) Technical Skills:
Category (Text Input) Skill List (Text Input, comma-separated values) Key Courses Taken:
Category (Text Input) Course Name (Text Input) Positions of Responsibility:
Title (Text Input) Club/Fest/Board (Text Input) Timeline (Date Range Input) Description (Textarea) Achievements:
Title (Text Input) Description (Textarea) Year (Number Input) Features:
Use React to create input forms. Implement Tailwind CSS for styling the form, keeping it simple and responsive. Bind the input fields to dynamically update the sections of the resume. Add validation (e.g., required fields like Name, Email, etc.). Make sure that long descriptions do not break the layout. Ensure mobile responsiveness.