Skip to content

The "Chrome-Gaming-Certification" GitHub repository by ChromeGaming is focused on a certification process for Chrome Gaming.

License

Notifications You must be signed in to change notification settings

ChromeGaming/Chrome-Gaming-Certification

Repository files navigation

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:

  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 ❤️

Thank you for contributing to our repository

Contributors

About

The "Chrome-Gaming-Certification" GitHub repository by ChromeGaming is focused on a certification process for Chrome Gaming.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published