The Resume Builder Application is a web application designed to help users create, edit, and preview resumes in a structured format. Users can add various sections such as Personal Details, Education, Work Experience, Projects, Achievements, Certifications, Skills, Languages, Hobbies, Interests, and Others. The application also supports PDF preview of the generated resume.
Live Demo: Resume Builder
Source Code: GitHub Repository
- Add, edit, and delete various resume sections.
- Reorder sections.
- Preview the resume in PDF format.
- Responsive design.
-
Clone the repository:
git clone https://github.com/Shahir-47/CV-Application.git cd CV-Application
-
Install the dependencies:
npm install
-
Start the development server:
npm run dev
-
Open the application in your browser:
http://localhost:5173/
-
Use the interface to add, edit, and delete resume sections.
-
Preview the resume using the PDF viewer embedded in the application.
CV-APPLICATION/
├── public/
│ ├── resume.svg
├── src/
│ ├── assets/
│ │ ├── add.svg
│ │ ├── ascend.svg
│ │ ├── delete.svg
│ │ ├── descend.svg
| | ├── down-arrow.svg
│ │ ├── rename.svg
│ │ ├── resume.svg
│ │ ├── up-arrow.svg
│ │ ├── email.png
│ │ ├── github.png
│ │ ├── linkedin.png
│ │ ├── phone.png
│ │ ├── address.png
│ ├── components/
│ │ ├── Accordion.jsx
│ │ ├── Form.jsx
│ │ ├── Header.jsx
│ │ ├── InputField.jsx
│ │ ├── InputForm.jsx
│ │ ├── List.jsx
│ │ ├── Modal.jsx
│ │ ├── MyDocument.jsx
│ │ ├── PDFViewer.jsx
│ │ ├── Toaster.jsx
│ ├── styles/
│ │ ├── Accordion.css
│ │ ├── Form.css
│ │ ├── Header.css
│ │ ├── InputForm.css
│ │ ├── Modal.css
│ │ ├── PDFViewerComponent.css
│ │ ├── SelectionTab.css
│ │ ├── Toaster.css
│ ├── App.jsx
│ ├── App.css
│ ├── index.css
│ ├── main.jsx
│ ├── data.js
├── .eslintrc.cjs
├── .gitignore
├── LICENSE
├── package-lock.json
├── package.json
├── README.md
├── vite.config.js
Renders collapsible sections for the resume.
Handles form input for various resume sections.
Displays the application header with a link to the GitHub repository.
Renders input fields used in forms.
Main component that manages the overall form and section logic.
Handles the display and management of items within each section.
Confirmation modal for delete actions.
Generates the PDF document for resume preview.
Embeds the PDF viewer in the application.
Displays success and error messages.
The application uses CSS modules for styling. The styles are located in the src/styles
directory and are imported into the respective components.
This project is licensed under the MIT License - see the LICENSE file for details.