Deployed to Netlify

CV Builder

A minimal React application as a learning project to practice state management and component structuring. This project is part of The Odin Project curriculum.

🔗 Live Demo

https://cv-application-odinb.netlify.app/

Overview

Features

• Add, edit, and delete general information, education history, and work experience.
• Preview the entered information in a CV-like format.
• Separation of form inputs and preview into distinct sections for clarity.
• Use of React context to manage and share state across components.

Tools Used

• Development: React with Vite
• Deployment: Netlify
• Coding, Version Control: Visual Studio Code, Git and GitHub

Purpose

This project was created quickly to practice:

• Managing state with React useState and useContext.
• Structuring a React application with multiple components.
• Handling form input and validation logic.
• Basic use of useEffect for managing side effects.

This was a simple learning project with minimum functionality. No effort could be made toward more than basic styling or UX.

Learning Outcomes

• Better practical grasp of React's state and context API.
• Practiced organizing React components into a logical structure.
• Learned how to manage and synchronize multiple layers of state.

How to Use

1. Clone the repository.
2. Install dependencies using pnpm install.
3. Run the app locally with pnpm run dev.
4. Use the form sections to input general, education, and experience data.
5. Enter information on the left panel and see the updated information in the CV panel.