CraftKit is a modern, customizable resume builder built with Next.js. It allows users to create professional resumes using various templates and a structured data format.
Check out the live application: craftkit.netlify.app
- Multiple resume templates including Modern, Creative, and Technical styles
- Easy-to-use editor for personal information, work experience, education, skills, projects, certifications, and more
- Live preview of resume templates
- Export resumes as PDF
- Responsive design and mobile-friendly
- Node.js (v14 or later)
- npm or yarn package manager
- Clone the repository:
git clone https://github.com/hammadmeer-dev/CraftKit---NextJs.git
cd CraftKit---NextJs- Install dependencies:
npm install
# or
yarn install- Run the development server:
npm run dev
# or
yarn dev- Open http://localhost:3000 in your browser to view the app.
app/Templates/ResumeDummyData.jsx: Contains the sample resume data structure used across templates.app/Templates/TemplateRegistry.jsx: Registers available resume templates.app/Templates/[name]/: Directory containing individual resume template components.app/ResumeEditor/: Pages and components for editing resume data.app/api/export-pdf/: API route for exporting resumes as PDF.app/components/Form/: Form components for editing different resume sections.
To add a new resume template, follow these steps:
- Create a new React component in
app/Templates/[name]/that acceptsresumeDataas a prop. - Use the data structure defined in
app/Templates/ResumeDummyData.jsxto access resume information. - Register your template in
app/Templates/TemplateRegistry.jsxby importing it and adding it to thetemplatesarray. - Style your template using Tailwind CSS or custom styles.
- Test your template by running the development server and selecting it in the app.
Please see CONTRIBUTING.md for detailed instructions on how to contribute to this project.
This project is licensed under the MIT License.
CraftKit is an open-source project. Contributions and feedback are welcome!