search

MLH-Fellowship / orientation-project-js-24.SUM.A

Orientation Project (JavaScript for 24.SUM.A)
0 stars 2 forks source link

Add Skill Form Component to Resume Builder #16

Closed esohel30 closed 3 weeks ago

esohel30 commented 4 weeks ago

close #9

This PR introduces a new feature to the Resume Builder application by adding a form for users to input and submit their skills. The following changes have been made:

AddSkillForm Component:

  1. Created AddSkillForm.js which includes a form for adding a new skill with fields for skill name, proficiency, and logo URL.
  2. Implemented async/await for handling the POST request to the server.
  3. Added error handling for network requests.
  4. Included onSubmit prop to handle actions after form submission.
  5. Form fields are marked as required to ensure data completeness.

App Component:

  1. Updated App.js to include and toggle the AddSkillForm component.
  2. Added logic to display the AddSkillForm when the "Add Skill" button is clicked and hide it after submission.

Styling:

  1. Created AddSkillForm.css to style the AddSkillForm component with basic form styling including input fields and submit button.

Screenshots

Screen Shot 2024-05-27 at 9 31 28 PM
esohel30 commented 4 weeks ago

@Pradyuman7 tagging you here as I cannot assign you as a reviewer.

esohel30 commented 3 weeks ago

@Pradyuman7 LGTM 🚀 conflicts resolved.

esohel30 commented 3 weeks ago

@Pradyuman7 fixed and ready to merge boys💯💯💯💯