How to Contribute in Project

Certificate Generator

Overview

The Certificate Generator is a web application developed using React, Tailwind CSS, and Vite. It allows users to easily generate customized certificates by filling out a form with employee details, which are then rendered and downloadable as PDF documents. This project demonstrates how to leverage modern web technologies for creating dynamic and responsive user interfaces.

Features

• Form Input: Users can input employee details such as name, company, duration, and designation.
• Real-time Preview: As users fill out the form, a preview of the certificate dynamically updates.
• Download PDF: Once generated, users can download the certificate as a PDF file.
• Responsive Design: The application is designed to work seamlessly across various devices and screen sizes.

Technologies Used

• React: A JavaScript library for building user interfaces.
• Vite: A next-generation front-end tool that provides a fast development experience.
• Tailwind CSS: A utility-first CSS framework for quickly styling applications.
• html2canvas and jspdf: Libraries used for generating and downloading PDF documents from HTML content.

Dependencies

• react: ^17.0.2
• react-dom: ^17.0.2
• html2canvas: ^1.3.3
• jspdf: ^2.3.1
• tailwindcss: ^3.0.16
• vite: ^2.7.5

Getting Started

1. Clone the repository:

   
   git clone https://github.com/your-username/certificate-generator.git
   cd certificate-generator

Sending a Pull Request

1. Fork the Repository:

   • Navigate to Chrome-Gaming-Certification.
   • Click the "Fork" button to create a copy in your GitHub account.

2. Clone Your Fork:

   git clone https://github.com/your-username/Chrome-Gaming-Certification.git

   • Replace your-username with your GitHub username.

3. Create a Branch:

   cd Chrome-Gaming-Certification certificate generator

   npm i

   npm run dev

4. Make Your Changes:

   • Edit the necessary files in your preferred code editor.

5. Commit Your Changes:

   git add .

   git commit -m "Description of your changes"

6. Push Your Changes:

   git push origin your-branch-name

7. Create a Pull Request:

   • Go to your forked repository on GitHub.
   • Click the "Compare & pull request" button.
   • Provide a title and description for your pull request.
   • Click "Create pull request."

Thank You!

🎉 Huge thanks to all our amazing contributors! 🎉

Your effort and passion help make Chrome-Gaming-Certification awesome. Whether you're fixing bugs, adding features, or improving documentation, you're a crucial part of our community.

Keep on gaming, and happy coding! 🚀👾

- The Chrome Gaming Team

Our Contributors ❤️