Parts of this README have been generated with AI.

My first solo project in The Odin Project's React course. A simple resume builder where users can input their information and generate a "CV".

Project Guidelines

Project Context

This project was completed during The Odin Project's React module, following lessons on:

• Setting up React projects with Vite
• React components basics
• State management with useState
• Props and component communication
• The DRY principle

What It Does

Users can fill out three sections:

• General Information: Name, email, phone number
• Education: School, major, graduation date
• Experience: Company, position, duties, employment dates

Each section has edit/submit functionality - users can toggle between input forms and display views while maintaining their data.

Technical Implementation

Built with React 19 and Vite, following the project requirements:

• App.jsx: Central state management using a single object for all form inputs
• Component Structure:
  • General, Education, Experience sections with individual form/display state
  • Reusable Input and Button components
• State Flow: Props drilling from App to child components with onChange handlers
• CSS: Simple styling with flexbox layout and dark theme

Key Learning Takeaways

• State Management: Using useState to manage form data and UI state
• Props Pattern: Passing data and functions between components
• Component Composition: Breaking UI into reusable pieces
• Form Handling: Controlled components and event handling
• Conditional Rendering: Toggling between edit and display modes

A solo project built during The Odin Project