https://github.com/viniciuscestarii/resume-generator
👔 Web app to automate/generate/translate resumes
https://github.com/viniciuscestarii/resume-generator
ai groq puppeteer react resume-generator tailwindcss vite
Last synced: 27 days ago
JSON representation
👔 Web app to automate/generate/translate resumes
- Host: GitHub
- URL: https://github.com/viniciuscestarii/resume-generator
- Owner: ViniciusCestarii
- License: mit
- Created: 2025-01-27T00:14:41.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-03-21T12:14:10.000Z (about 1 month ago)
- Last Synced: 2025-03-21T13:25:29.664Z (about 1 month ago)
- Topics: ai, groq, puppeteer, react, resume-generator, tailwindcss, vite
- Language: TypeScript
- Homepage:
- Size: 49.7 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Resume Generator
A web application for generating and translating resumes, built with **Vite**, **React**, **Tailwind CSS**, and **Puppeteer**. This app allows you to create resumes in both **PDF** and **JPEG**
formats and supports translation of resume content using the **Groq API**.With multiple **templates** available, you can generate resumes in different styles, allowing you to experiment and choose the design that best reflects your personality and professional identity.
classic
bold
![]()
![]()
rose
rose-sky
![]()
![]()
rose-lime
Build Your Own!
![]()
Follow this README and build your own amazing resume!
## Features
- **Resume Generation**: Generate resumes in PDF and JPEG formats.
- **Translation**: Translate resume content from English to Portuguese, Espanish, French using the Groq API.
- **Templates**: Leverage the same data to generate multiple styled resumes and discover which design suits you best.
- **Tailwind CSS**: Styled with Tailwind CSS for a modern and responsive design.
- **Puppeteer**: Uses Puppeteer for headless browser automation to generate PDFs and screenshots.
- **Simple Configuration**: Configure the resume content and styles using only a object.## Prerequisites
Before you begin, ensure you have the following installed:
- [Bun](https://bun.sh/) (for ts file execution)
- [Git](https://git-scm.com/)## Setup
### 1. Clone or Fork the Repository
```bash
git clone https://github.com/ViniciusCestarii/resume-generator.git
cd resume-generator
```### 2. Install Dependencies
```bash
npm install
# or
bun install
```### 3. Set Up Environment Variables
Create a `.env` file in the root directory and add the following variables:
```env
GROQ_API_KEY=your_groq_api_key_here
MODEL=groq_model_name_here
PRINT_PORT=5173 # for development and 4173 for builded project
```### 4. Run the Development Server
```bash
npm run dev
# or
bun dev
```## Usage
### Update Resume Content
To update the resume content, open the `src/data/en-resume.ts` file and modify the data as needed and save.
### Generate Resume
1. Start the development server:
```bash
npm run dev
```2. Open your browser and navigate to `http://localhost:5173` to visualize the resume.
- To visualize your resume on other language: `http://localhost:5173/pt` | `http://localhost:5173/es` ...
- To viusalize your resume on other template: `http://localhost:5173/en/bold` | `http://localhost:5173/en/classic` ...4. Generate the resume in PDF and JPEG formats:
```bash
npm run generate
# or
bun run generate
```The generated files will be saved in the `resumes` directory.
### Translate Resume
To translate the resume content from English to Portuguese, Espanish, French run:
```bash
npm run translate
# or
bun run translate
```This will use the Groq API to translate the resume JSON data and output the translated content.
## Technologies Used
- **Vite**: Fast build tool for modern web apps.
- **React**: JavaScript library for building user interfaces.
- **Tailwind CSS**: Utility-first CSS framework for styling.
- **Puppeteer**: Node.js library for controlling headless Chrome/Chromium.
- **Groq API**: API for translating resume content.
- **TypeScript**: Typed superset of JavaScript for better development.## Contributing
Contributions are welcome! If you'd like to contribute, please follow these steps:
1. Fork the repository.
2. Create a new branch (`git checkout -b feature/your-feature`).
3. Commit your changes (`git commit -m 'Add some feature'`).
4. Push to the branch (`git push origin feature/your-feature`).
5. Open a pull request.## License
This project is licensed under the [MIT License](https://github.com/ViniciusCestarii/resume-generator/blob/main/LICENSE). See the LICENSE file for details.
## Acknowledgments
- [**Vite**](https://vite.dev/) for the blazing-fast development experience.
- [**Tailwind CSS**](https://tailwindcss.com/) for the utility-first CSS framework.
- [**Puppeteer**](https://pptr.dev/) for headless browser automation.
- [**Groq**](https://groq.com/) for the translation API.## Support
If you encounter any issues or have questions, please open an issue.