Skip to content

engmaryamameen/cv_maker

Repository files navigation

πŸš€ CV Maker - Professional Resume Builder

A modern, responsive resume builder that helps job seekers create professional, ATS-friendly resumes in minutes. Built with Next.js and React, this application provides an intuitive interface for crafting compelling resumes that stand out to employers and pass through Applicant Tracking Systems (ATS).

✨ Features

  • πŸ“ Real-time Preview: See your resume updates instantly as you type
  • 🎨 Professional Templates: Clean, modern design that looks great on any device
  • πŸ“± Responsive Design: Works perfectly on desktop, tablet, and mobile
  • πŸ’Ύ Save & Load: Save your progress and load it later
  • πŸ“„ PDF Export: Download your resume as a professional PDF
  • πŸ” ATS Optimized: Designed to pass through Applicant Tracking Systems
  • ⚑ Fast & Lightweight: Built with modern technologies for optimal performance

🌐 Live Demo

https://cv-maker-eight-red.vercel.app/

CV Maker Demo image

πŸ› οΈ Built With

πŸ“‹ Resume Sections

The CV Maker includes all essential sections for a comprehensive resume:

  • πŸ‘€ Personal Information - Name, contact details, and profile picture
  • πŸ“± Social Media - GitHub, LinkedIn, and other professional links
  • πŸ“ Summary - Professional summary and career objectives
  • πŸŽ“ Education - Academic background and qualifications
  • πŸ’Ό Work Experience - Professional experience with achievements
  • πŸš€ Projects - Portfolio projects and technical work
  • βš™οΈ Technical Skills - Programming languages and technologies
  • 🀝 Soft Skills - Interpersonal and professional skills
  • 🌍 Languages - Language proficiencies
  • πŸ“š Additional Skills - Other relevant skills and competencies
  • πŸ† Certifications - Professional certifications and achievements

πŸš€ Getting Started

Prerequisites

  • Node.js (version 14 or higher)
  • npm or yarn package manager

Installation

  1. Clone the repository

    git clone https://github.com/maryamameen34/cv_maker.git
    cd cv_maker
  2. Install dependencies

    npm install
    # or
    yarn install
  3. Run the development server

    npm run dev
    # or
    yarn dev
  4. Open your browser Navigate to http://localhost:3000 to see the application.

πŸ“¦ Available Scripts

  • npm run dev - Start development server
  • npm run build - Build for production
  • npm run start - Start production server
  • npm run lint - Run ESLint

Personal Information

  • Name
  • Email
  • Phone
  • Address
  • Profile Picture

Social Media

  • Social Media Links

Summary

  • Summary

Education

  • Degree
  • Institute
  • Start Date
  • End Date

Work Experience

  • Company
  • Designation
  • Description
  • Key Achievements
  • Start Date
  • End Date

Description optional

Projects

  • Project Name
  • Description
  • key Achievements
  • Start Date
  • End Date

Description optional

Technical Skills

  • Technical Skills

Soft Skills

  • Soft Skills

Languages

  • Languages

Additional Skills

  • Additional Skills

Certifications

  • Certifications

How to Add Key Achievements

Key achievements are the most important part of your resume.

  • Add key achievements to your resume to make it more attractive and increase your chances of getting noticed by employers.
  • Add key achievements to your work experience and projects.
  • Add key achievements to your resume by clicking on the new line.

PageSpeed Insights

image

image

🀝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

How to Contribute

  1. Fork the project
  2. Create your feature branch (git checkout -b feature/AmazingFeature)
  3. Commit your changes (git commit -m 'Add some AmazingFeature')
  4. Push to the branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

πŸ“„ License

This project is licensed under the MIT License - see the LICENSE file for details.

πŸ‘©β€πŸ’» Author

Maryam Ameen

πŸ™ Acknowledgments

  • Built with Next.js and React
  • Styled with Tailwind CSS
  • Icons from React Icons
  • Drag and drop functionality from React Beautiful DnD