Adding a Button to the Project ✨🚀

August 22, 2023 · View on GitHub

Thank you for your interest in adding a button to the Animating Buttons project! This guide will walk you through the steps required to contribute by creating and adding a button to the project.

Prerequisites ✅

Before you proceed, make sure you have the following:

  • A GitHub account
  • Familiarity with HTML, CSS, and JavaScript

Steps to Add a Button 🪜

Follow these steps to add a button to the Animating Buttons project:

1. Access the Website :

Visit the Animating Buttons website.

2. Login with GitHub :

Log in to the website using your GitHub account.

3. Create a Button:

  • Click on the "Create" button on the website.
  • In the provided tabs for HTML, CSS, and JavaScript, write the code to create your desired button.
  • Once you're satisfied with your button's design and functionality, click the "Create" button

4. Create an Empty Pull Request (PR) :

  • Make an empty commit. 
    git commit --allow-empty -m "Empty commit for PR"
  • Then push 
    git push origin my-new-branch
  • Finally, create a new pull request from your forked repository. Note this PR will be an Empty PR.
  • After creating the button and empty PR, you'll need to create a Pull Request on the GitHub repository.
  • Navigate to the repository's main page.
  • Click on the "Pull Requests" tab.
  • Click the "New Pull Request" button.
  • In the PR description, include the link to the button you added. To get the link, follow these steps:
    • Go to your Animating Buttons profile.
    • Find the button you added.
    • Click on "Show Code."
    • Copy the URL given there.
  • Additionally, attach a screenshot of the button to the PR description.

6. Submit the Pull Request :

  • Once you've added the necessary information, submit the PR.
  • A project maintainer will review your changes.

Points and Recognition 🎉🎓

Adding a button to the Animating Buttons project is a valuable contribution. For each successfully added button, you will earn 10 points.

Contact 📱

If you have any questions or need assistance, feel free to reach out to the project maintainers or contributors through GitHub's communication channels.

Thank you for your interest in contributing to Animating Buttons!