React CV Builder from The Odin Project

Features

• Dynamic editing of CV sections:
  • Personal Information
  • Work Experience
  • Education
  • Skills
  • Hobbies
• Toggle between Edit Mode and View Mode
• Real-time UI updates using React state
• Dynamic addition and removal of list items (e.g. tasks, skills)
• Nested data updates (e.g. tasks inside work experience)

Tech Stack

• React
• JavaScript (ES6+)
• HTML5
• CSS3

Concepts I Learned

• useState for managing component state
• Controlled Components for handling form inputs
• Conditional Rendering for edit/view modes
• Rendering Lists with .map()
• Immutability in state update
• Updating nested state structures

Future Improvements

• Export as downloadable PDF
• Form validation
• Drag-and-drop reordering of sections
• Theme customization
• Persistent data using localStorage