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).
- π 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
https://cv-maker-eight-red.vercel.app/
- Next.js - React framework for production
- React - JavaScript library for building user interfaces
- Tailwind CSS - Utility-first CSS framework
- React Beautiful DnD - Drag and drop functionality
- React Icons - Popular icon library
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
- Node.js (version 14 or higher)
- npm or yarn package manager
-
Clone the repository
git clone https://github.com/maryamameen34/cv_maker.git cd cv_maker
-
Install dependencies
npm install # or yarn install
-
Run the development server
npm run dev # or yarn dev
-
Open your browser Navigate to http://localhost:3000 to see the application.
npm run dev
- Start development servernpm run build
- Build for productionnpm run start
- Start production servernpm run lint
- Run ESLint
- Name
- Phone
- Address
- Profile Picture
- Social Media Links
- Summary
- Degree
- Institute
- Start Date
- End Date
- Company
- Designation
- Description
- Key Achievements
- Start Date
- End Date
Description optional
- Project Name
- Description
- key Achievements
- Start Date
- End Date
Description optional
- Technical Skills
- Soft Skills
- Languages
- Additional Skills
- Certifications
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.
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.
- Fork the project
- Create your feature branch (
git checkout -b feature/AmazingFeature
) - Commit your changes (
git commit -m 'Add some AmazingFeature'
) - Push to the branch (
git push origin feature/AmazingFeature
) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
Maryam Ameen
- GitHub: @maryamameen34
- LinkedIn: Maryam Ameen
- Email: maryamshehzadi768@gmail.com
- Built with Next.js and React
- Styled with Tailwind CSS
- Icons from React Icons
- Drag and drop functionality from React Beautiful DnD