Resume_Builder Tailwind Templates

Resume_builder

ResumeBuilder: is a web application where users can enter their details, preview their resume instantly, and download it as a PDF. Built with **Formik for form handling, Tailwind CSS for styling, and Vite for fast performance**, it offers a seamless and user-friendly experience. šŸš€

ResumeBuilder

A React-based Resume Builder that allows users to input their details, preview their resume, and download it as a PDF. Built with Formik for form handling, Tailwind CSS for styling, and Vite for fast performance.

šŸš€ Features

āœ… User-Friendly Form – Collects user details seamlessly using Formik.
āœ… Live Resume Preview – Instantly displays a formatted resume after submission.
āœ… PDF Download – Allows users to download their resume as a PDF.
āœ… Responsive Design – Built with Tailwind CSS, ensuring a great experience on all devices.
āœ… Optimized Performance – Powered by Vite for fast development and builds.


šŸ›  Technologies Used

  • React (Vite) – Frontend framework
  • Formik – Form handling and validation
  • Tailwind CSS – Styling and responsive design
  • html2canvas & jsPDF – Converts resume to PDF format

šŸ“‚ Installation & Setup

  1. Clone the repository:

    git clone https://github.com/mkhalidh/Resume_Builder.git
    cd Resume_Builder
    
  2. Install dependencies:

    npm install
    
  3. Run the development server:

    npm run dev
    
  4. Open in browser:

    http://localhost:5173/
    

šŸ“Œ How It Works

  1. Enter Details – Users input their information in the form.
  2. Preview Resume – The resume appears in real-time after submission.
  3. Download as PDF – Users can click the Download button to save their resume.

šŸ”® Future Enhancements

šŸ“Œ More resume templates to choose from.
šŸ“Œ Dark mode support.
šŸ“Œ Integration with online job platforms.


šŸ“œ License

This project is open-source and available under the MIT License.


Happy Resume Building! šŸš€

Screenshots

S1 S2

S3

S4 S5 S6 S7 S8

Top categories

Loading Svelte Themes