https://github.com/xeven777/certificate-gen
Generate a special certificate for urself 🤭
https://github.com/xeven777/certificate-gen
certificate free hacktoberfest hacktoberfest2024 open-source project react vite
Last synced: about 1 month ago
JSON representation
Generate a special certificate for urself 🤭
- Host: GitHub
- URL: https://github.com/xeven777/certificate-gen
- Owner: Xeven777
- Created: 2023-12-01T11:22:27.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-13T16:25:19.000Z (12 months ago)
- Last Synced: 2024-11-07T09:43:22.920Z (11 months ago)
- Topics: certificate, free, hacktoberfest, hacktoberfest2024, open-source, project, react, vite
- Language: JavaScript
- Homepage: https://certificate-gen.netlify.app/
- Size: 1.58 MB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎓 Certificate Generator 🚀
A web application to generate personalized certificates in PDF format. Create customized certificates for multiple recipients quickly and easily! 🎉
## ✨ Features
- 📝 **Personalized Certificates**: Generate certificates with custom names.
- 📄 **PDF Templates**: Upload your own PDF template.
- 👨👩👧👦 **Batch Generation**: Generate multiple certificates from a list of names.
- 💾 **CSV Import**: Import names from a CSV file.
- ⚙️ **Customizable Text**:
- 🎨 Change text color.
- ✒️ Select different fonts.
- 📏 Adjust font size.
- ↔️ Adjust horizontal (X) and vertical (Y) offset.
- ⬇️ **Download Options**:
- 📦 Download all certificates as a single ZIP archive.
- 📥 Download certificates individually.
- 👁️ **Preview**: Preview the certificate before generating.
- 📱 **Responsive Design**: Works on various screen sizes.
## 🚀 Installation
1. Clone the repository:
```sh
git clone https://github.com/Xeven777/certificate-gen.git
```
2. Navigate to the project directory:
```sh
cd certificate-gen
```
3. Install dependencies:
```sh
npm install
```
## 💻 Usage
1. Start the development server:
```sh
npm run dev
```
2. Open your browser and navigate to `http://localhost:5173` (or the port shown in your terminal).
3. Upload a PDF template or use the default.
4. Enter names manually (comma-separated) or import from a CSV file.
5. Customize text settings such as font, color, and size.
6. Adjust the position of the text using X and Y offsets.
7. Preview the certificate.
8. Choose your download option (individual PDFs or ZIP archive).
9. Click "Generate Certificates" to create and download the certificates.
## 🛠️ Technologies Used
- React
- Vite
- pdf-lib
- file-saver
- @pdf-lib/fontkit
- lucide-react
## 🤝 Contributing
Contributions are welcome! Please feel free to submit a Pull Request. 🌟
## ✉️ Contact
Anish - [https://bento.anish7.me](https://bento.anish7.me)