swciitg / resume-builder

0 stars 4 forks source link

Create Input Fields for Resume Template #2

Closed Ashmit-Verma closed 2 weeks ago

Ashmit-Verma commented 2 weeks ago

image

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.

devjainofficial commented 2 weeks ago

@Ashmit-Verma Can You please assign me this task.

Ashmit-Verma commented 2 weeks ago

@devjainofficial assigned to you

devjainofficial commented 2 weeks ago

Sorry for the misunderstanding.

Please check the #3

image

image

You will get the response in Json format