CV Builder is an ongoing personal project designed to practice building dynamic web applications with React, TypeScript, and Tailwind CSS.
Live preview here.
Work in progress!
Currently working on:
- Allow to delete unnecessary sections on experience/education
- Add scroll feature to prevent the preview page from getting too long
- Remove placeholder content from showing up when adding more sections
This is an interactive CV and resume builder application designed to generate professional, formatted resumes in real-time. It lets users build a resume with:
- general information
- multiple education entries
- multiple experience entries
- a live preview panel
- print-ready layout for PDF/browser print
- Managing Lists in React: Learned how to safely add, edit, and delete items in lists (like adding multiple experience or education) without accidentally breaking the app state.
- Updating Data Safely (Immutability): Mastered updating specific items inside a list without overwriting or losing the rest of the user's data.
- TypeScript for Catching Errors: Used TypeScript types to define what my data should look like, making it much easier to catch bugs while building component props.
- Handling Dynamic Forms: Built form fields that let users add extra sections without losing information they had already typed in.
- Building Reusable Components: Created reusable form fields so I wouldn't have to write the same input code over and over again.
- Real-Time Live Preview: Connected the form fields directly to the resume preview so every change shows up instantly as the user types.
- Responsive Styling with Tailwind CSS: Got great practice using Tailwind CSS to quickly style the layout and make it adapt between mobile, tablet, and desktop screens.