{"id":21977623,"url":"https://github.com/omkarspace/honorink","last_synced_at":"2026-04-09T08:01:58.188Z","repository":{"id":263226300,"uuid":"888587160","full_name":"omkarspace/HonorInk","owner":"omkarspace","description":"HonorInk is an educational web application built with React 18 and Vite that enables users to create custom course completion certificates in PDF format. The application features an intuitive interface for customizing certificate details including name, course information, completion date, and skills covered,","archived":false,"fork":false,"pushed_at":"2024-11-20T14:34:08.000Z","size":660,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-28T03:42:34.273Z","etag":null,"topics":["certificate-generator","customizable-certificates","educational-projects","html2pdfjs","linkedin-learning","open-source","pdf-export","pdf-generation","react-router-dom","reactjs","tailwind-css","udemy"],"latest_commit_sha":null,"homepage":"https://honorink.netlify.app/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/omkarspace.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-11-14T16:50:04.000Z","updated_at":"2025-01-10T19:06:35.000Z","dependencies_parsed_at":"2024-11-17T05:26:20.472Z","dependency_job_id":"086b9791-2a20-4483-840c-64b95f83e2db","html_url":"https://github.com/omkarspace/HonorInk","commit_stats":null,"previous_names":["omkarspace/honorink"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omkarspace%2FHonorInk","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omkarspace%2FHonorInk/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omkarspace%2FHonorInk/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/omkarspace%2FHonorInk/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/omkarspace","download_url":"https://codeload.github.com/omkarspace/HonorInk/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245039735,"owners_count":20551290,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["certificate-generator","customizable-certificates","educational-projects","html2pdfjs","linkedin-learning","open-source","pdf-export","pdf-generation","react-router-dom","reactjs","tailwind-css","udemy"],"created_at":"2024-11-29T16:15:58.036Z","updated_at":"2026-04-09T08:01:58.176Z","avatar_url":"https://github.com/omkarspace.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n```markdown\n# HonorInk – Certificate Generator\n\n\u003c\u003c\u003c\u003c\u003c\u003c\u003c HEAD\nHonorInk is a modern web application for generating beautiful, custom course completion certificates. Built with React, Vite, and TailwindCSS, it offers a fast, responsive, and accessible user experience.\n\n\u003e **Note:** This project is for educational purposes only.\n\n## 🚀 Features\n\n- 🎓 Generate professional certificates for Udemy, LinkedIn Learning, and Coursera\n- 📝 Customizable certificate fields (name, course, date, instructor, etc.)\n- 📥 Download certificates as high-quality PDFs or PNG images\n- 👀 Preview certificates before downloading\n- ✅ Form validation with user-friendly error messages\n=======\nHonorInk is a modern web application for generating beautiful, custom course completion certificates in PDF format. Built with React, Vite, and TailwindCSS, it offers a fast, responsive, and accessible user experience.\n\n\u003e **Note:** This project is for educational purposes only.\n\n---\n\n## 🚀 Features\n\n- 🎓 Generate professional certificates for Udemy, LinkedIn, and more\n- 📝 Customizable certificate fields (name, course, date, etc.)\n- 📥 Download certificates as high-quality PDFs\n\u003e\u003e\u003e\u003e\u003e\u003e\u003e e501412cee8a8d731fef59835af1ee644c96d280\n- ⚡ Blazing-fast UI with Vite and React\n- 🌈 Responsive, modern design with TailwindCSS\n- 🧩 Modular component structure\n- 🔍 Accessible and keyboard-friendly navigation\n- 🛠️ Easy to extend for other certificate styles\n\u003c\u003c\u003c\u003c\u003c\u003c\u003c HEAD\n- 🎨 Consistent styling across all certificate templates\n\n## 🛠️ Tech Stack\n\n- [React](https://react.dev/) - UI framework\n- [Vite](https://vitejs.dev/) - Build tool and dev server\n- [TailwindCSS](https://tailwindcss.com/) - CSS framework\n- [shadcn/ui](https://ui.shadcn.com/) - Component library (Radix UI + Tailwind)\n- [html2pdf.js](https://github.com/eKoopmans/html2pdf.js) - PDF generation\n- [html2canvas](https://html2canvas.hertzen.com/) - Image export\n- [React Router](https://reactrouter.com/) - Client-side routing\n- [Lucide React](https://lucide.dev/) - Icon library\n=======\n\n---\n\n## 🛠️ Tech Stack\n\n- [React](https://react.dev/)\n- [Vite](https://vitejs.dev/)\n- [TailwindCSS](https://tailwindcss.com/)\n- [html2pdf.js](https://github.com/eKoopmans/html2pdf.js)\n- [React Router](https://reactrouter.com/)\n\n---\n\u003e\u003e\u003e\u003e\u003e\u003e\u003e e501412cee8a8d731fef59835af1ee644c96d280\n\n## 📦 Installation \u0026 Setup\n\n1. **Clone the repository**\n   ```bash\n   git clone https://github.com/yourusername/honorink.git\n\u003c\u003c\u003c\u003c\u003c\u003c\u003c HEAD\n   cd honorink\n   ```\n\n=======\n   cd honorink/HonorInk\n   ```\n\u003e\u003e\u003e\u003e\u003e\u003e\u003e e501412cee8a8d731fef59835af1ee644c96d280\n2. **Install dependencies**\n   ```bash\n   npm install\n   ```\n\u003c\u003c\u003c\u003c\u003c\u003c\u003c HEAD\n\n=======\n\u003e\u003e\u003e\u003e\u003e\u003e\u003e e501412cee8a8d731fef59835af1ee644c96d280\n3. **Start the development server**\n   ```bash\n   npm run dev\n   ```\n\u003c\u003c\u003c\u003c\u003c\u003c\u003c HEAD\n\n4. **Open the app**\n   Visit [http://localhost:5173](http://localhost:5174) in your browser.\n=======\n4. **Open the app**\n   Visit [http://localhost:5173](http://localhost:5173) in your browser.\n\n---\n\u003e\u003e\u003e\u003e\u003e\u003e\u003e e501412cee8a8d731fef59835af1ee644c96d280\n\n## 🗂️ Project Structure\n\n```\nsrc/\n\u003c\u003c\u003c\u003c\u003c\u003c\u003c HEAD\n├── components/           # React components\n│   ├── CertificateForm.jsx    # Reusable form component\n│   ├── CourseraCertificate.jsx # Coursera certificate template\n│   ├── Home.jsx               # Landing page\n│   ├── LinkedInCertificate.jsx # LinkedIn certificate template\n│   ├── Navbar.jsx             # Navigation component\n│   ├── NotFound.jsx           # 404 page\n│   └── UdemyCertificate.jsx   # Udemy certificate template\n├── App.jsx               # Main app component\n├── App.css               # Global styles\n├── index.css             # CSS imports\n└── main.jsx             # Entry point\n\npublic/                   # Static assets\n├── favicon.ico\n├── linkedin_background.png\n├── linkedin_learning.png\n├── linkedin_stamp.png\n├── udemy_logo.png\n└── coursera assets (to be added)\n```\n\n## 💡 Usage\n\n1. Select a certificate platform from the home page\n2. Fill in the certificate details in the form\n3. Preview the generated certificate\n4. Edit details if needed or download as PDF/PNG\n=======\n  ├── components/         # Reusable React components\n  ├── context/            # Global state management (React Context)\n  ├── assets/             # Images and static assets\n  ├── styles/             # Global styles\n  ├── utils/              # Utility functions (e.g., PDF generator)\n  ├── App.jsx             # Main app component\n  ├── main.jsx            # Entry point\n```\n\n---\n\n## 💡 Usage\n\n1. Fill in the certificate details in the form\n2. Preview the generated certificate\n3. Download as PDF\n\n---\n\u003e\u003e\u003e\u003e\u003e\u003e\u003e e501412cee8a8d731fef59835af1ee644c96d280\n\n## ♿ Accessibility\n\n- Semantic HTML and ARIA labels\n- Keyboard navigation support\n- High-contrast, readable color scheme\n\u003c\u003c\u003c\u003c\u003c\u003c\u003c HEAD\n- Screen reader friendly\n=======\n\n---\n\n## 📱 PWA Support\n\n- Installable on desktop and mobile\n- Offline support (coming soon)\n\n---\n\u003e\u003e\u003e\u003e\u003e\u003e\u003e e501412cee8a8d731fef59835af1ee644c96d280\n\n## 🧪 Testing\n\n- Run tests with:\n  ```bash\n  npm run test\n  ```\n\n\u003c\u003c\u003c\u003c\u003c\u003c\u003c HEAD\n=======\n---\n\n\u003e\u003e\u003e\u003e\u003e\u003e\u003e e501412cee8a8d731fef59835af1ee644c96d280\n## 🤝 Contributing\n\n1. Fork the repository\n2. Create a feature branch (`git checkout -b feature/YourFeature`)\n3. Commit your changes (`git commit -m 'feat: add YourFeature'`)\n4. Push to the branch (`git push origin feature/YourFeature`)\n5. Open a Pull Request\n\n\u003c\u003c\u003c\u003c\u003c\u003c\u003c HEAD\n=======\n---\n\n\u003e\u003e\u003e\u003e\u003e\u003e\u003e e501412cee8a8d731fef59835af1ee644c96d280\n## 🛡️ Security \u0026 Privacy\n\n- All data is processed client-side. No data is stored or transmitted to any servers.\n\n\u003c\u003c\u003c\u003c\u003c\u003c\u003c HEAD\n## 🏎️ Performance\n\n- Optimized PDF and image generation\n- Minimal bundle size with code splitting\n- Efficient rendering with React\n=======\n---\n\n## 🏎️ Performance\n\n- Optimized for fast load times and minimal bundle size\n- Efficient rendering and code splitting\n\n---\n\u003e\u003e\u003e\u003e\u003e\u003e\u003e e501412cee8a8d731fef59835af1ee644c96d280\n\n## 🌐 Browser Support\n\n- Chrome (latest)\n- Firefox (latest)\n- Safari (latest)\n- Edge (latest)\n\n\u003c\u003c\u003c\u003c\u003c\u003c\u003c HEAD\n## 🐞 Troubleshooting\n\n- **PDF generation fails:**\n  - Ensure all form fields are filled correctly\n=======\n---\n\n## 🐞 Troubleshooting\n\n- **PDF generation fails:**\n  - Ensure all form fields are filled\n\u003e\u003e\u003e\u003e\u003e\u003e\u003e e501412cee8a8d731fef59835af1ee644c96d280\n  - Check browser console for errors\n- **Certificate preview not showing:**\n  - Clear browser cache\n  - Refresh the page\n\n\u003c\u003c\u003c\u003c\u003c\u003c\u003c HEAD\n=======\n---\n\n\u003e\u003e\u003e\u003e\u003e\u003e\u003e e501412cee8a8d731fef59835af1ee644c96d280\n## 📄 License\n\nThis project is licensed under the MIT License.\n\n\u003c\u003c\u003c\u003c\u003c\u003c\u003c HEAD\n## ⚠️ Disclaimer\n\nThis project is intended for educational purposes only. Users are responsible for ensuring their use of this tool complies with relevant policies and regulations.\n=======\n---\n\n## ⚠️ Disclaimer\n\nThis project is intended for educational purposes only. Users are responsible for ensuring their use of this tool complies with relevant policies and regulations.\n\n  │   └── pdfGenerator.js\n  ├── styles/\n  └── App.jsx\n```\n\n## Usage\n\n1. Fill in the certificate details in the form\n2. Preview the generated certificate\n3. Download as PDF\n\n## Contributing\n\n1. Fork the repository\n2. Create your feature branch (`git checkout -b feature/AmazingFeature`)\n3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)\n4. Push to the branch (`git push origin feature/AmazingFeature`)\n5. Open a Pull Request\n\n## Development\n\n```bash\n# Run development server\nnpm run dev\n\n# Build for production\nnpm run build\n\n# Run tests\nnpm run test\n```\n\n## Security\n\nThis application runs entirely on the client side. No data is stored or transmitted to any servers.\n\n## Performance\n\n- Optimized PDF generation\n- Minimal bundle size\n- Efficient rendering\n\n## Browser Support\n\n- Chrome (latest)\n- Firefox (latest)\n- Safari (latest)\n- Edge (latest)\n\n## Troubleshooting\n\nCommon issues and solutions:\n\n1. PDF generation fails\n   - Ensure all form fields are filled correctly\n   - Check browser console for errors\n\n2. Certificate preview not showing\n   - Clear browser cache\n   - Refresh the page\n\n## License\n\nThis project is licensed under the MIT License.\n\n## Disclaimer\n\nThis project is intended for educational purposes only. Users are responsible for ensuring their use of this tool complies with relevant policies and regulations.\n\u003e\u003e\u003e\u003e\u003e\u003e\u003e e501412cee8a8d731fef59835af1ee644c96d280\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fomkarspace%2Fhonorink","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fomkarspace%2Fhonorink","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fomkarspace%2Fhonorink/lists"}