Skip to content

AtheerAPeter/simple-cv

Repository files navigation

Simple CV Builder: Next.js CV Generator

This Next.js application allows users to create and generate professional CVs using an AI-powered system.

Features:

  • Professional Templates: Choose from a variety of pre-designed templates to create visually appealing CVs.
  • AI-Powered Customization: Use AI to customize your CV to match specific job descriptions, increasing your chances of getting an interview.
  • ATS-Friendly: The CVs generated are optimized for Applicant Tracking Systems (ATS) for maximum visibility.
  • Easy to Use: The intuitive interface guides you through the CV creation process with clear steps.

Usage:

  1. Navigate to the homepage and click the "Get Started" button.
  2. Fill out the personal details section, including name, title, contact information, and profile photo.
  3. Add your work experience, education, skills, languages, hobbies, and projects using the provided input fields and rich text editor.
  4. Use the "Job Description" section to input a specific job description. The AI will help you optimize your skills and experiences to match the job requirements.
  5. Review your CV using the preview feature and download it as a PDF file.

Code Overview:

This project consists of several components, including:

  • Components: Contains reusable UI elements like buttons, inputs, and modals.
  • Hooks: Provides custom logic for interacting with forms and managing CV data.
  • Interfaces: Defines the structure of data used within the application.
  • Lib: Contains utility functions and placeholder data.
  • Stores: Manages application state, such as the selected CV template and accent color.
  • Templates: Defines the structure and styling of different CV templates.

Technologies:

  • Next.js: Framework for building server-rendered React applications.
  • Tailwind CSS: Utility-first CSS framework for rapid styling.
  • React-Quill: Rich text editor for creating descriptive content.
  • @radix-ui/react-icons: Library of icons for enhanced UI.
  • @google/generative-ai: API for accessing Google's generative AI models.
  • zustand: State management library for simple and efficient state management.
  • @tanstack/react-query: Data fetching and caching library for optimized data management.

Deployment:

The application can be deployed to Vercel or other hosting platforms. See the README.md for instructions on deploying your Next.js app.

Releases

No releases published

Packages

No packages published

Languages