https://github.com/starknightt/resumebuilder

This repository hosts a versatile and interactive Dynamic CV Builder, complete with advanced features for seamless form validation, dynamic form repeater functionality, and real-time CV preview. Crafted with HTML, CSS, and JavaScript, this project empowers users to effortlessly create and customize their professional resumes.
https://github.com/starknightt/resumebuilder

git html-css-javascript jquery mongodb nodejs nodejs-server

Last synced: about 1 month ago
JSON representation

This repository hosts a versatile and interactive Dynamic CV Builder, complete with advanced features for seamless form validation, dynamic form repeater functionality, and real-time CV preview. Crafted with HTML, CSS, and JavaScript, this project empowers users to effortlessly create and customize their professional resumes.

• Host: GitHub
• URL: https://github.com/starknightt/resumebuilder
• Owner: StarKnightt
• Created: 2023-12-01T13:36:34.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-05-04T14:58:16.000Z (8 months ago)
• Last Synced: 2024-05-04T18:59:07.084Z (8 months ago)
• Topics: git, html-css-javascript, jquery, mongodb, nodejs, nodejs-server
• Language: HTML
• Homepage: https://resume-builder-ten-opal.vercel.app/
• Size: 19.7 MB
• Stars: 5
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# ResumeBuilder

This repository hosts a versatile and interactive Dynamic CV Builder, complete with advanced features for seamless form validation, dynamic form repeater functionality, and real-time CV preview. Crafted with HTML, CSS, and JavaScript, this project empowers users to effortlessly create and customize their professional resumes.

## DEMO :  https://resume-builder-ten-opal.vercel.app/

![Resume Builder](preview.gif)

## Overview 

This repository contains a dynamic CV builder implemented with HTML, CSS, and JavaScript. The CV builder incorporates advanced features like form validation, a dynamic form repeater, and real-time CV preview to streamline the process of creating professional resumes.

## Key Features

- **Form Validation:** Utilizes regular expressions for thorough validation of user inputs, ensuring accuracy and completeness in every CV detail.

- **Dynamic Form Repeater:** Implements the jQuery Repeater plugin, allowing users to dynamically add and remove entries for achievements, experiences, educations, projects, and skills with smooth animations.

- **Real-Time CV Preview:** Experience a live preview of the generated CV as you fill out the form, providing immediate feedback on the overall appearance and structure.

- **Image Preview:** Seamlessly previews uploaded images to enhance the visual appeal of the CV.

- **Print Functionality:** Print the generated CV with a single click, facilitating easy sharing and saving.

## How to Use

1. Clone the repository to your local machine.

2. Open the `index.html` file in a web browser to access the CV Builder.

3. Fill out the form with your professional details, utilizing the dynamic form repeater for various sections.

4. Instantly preview the CV in real-time, ensuring it meets your expectations.

5. Print the CV for offline use or sharing.

## Code Structure

- **HTML:** The structure of the CV form and preview sections.

- **CSS:** Styles to enhance the visual presentation of the CV builder.

- **JavaScript:** Includes form validation, dynamic form repeater logic, and CV preview functionality.

## Contributions

Contributions and feedback are welcome! If you'd like to contribute to the project, please follow these steps:

1. Fork the repository.

2. Create a new branch for your feature or bug fix.

3. Make your changes and submit a pull request.

## Author

- @StarKnightt

## License

This project is free to use.