Skip to content

Latest commit

 

History

History
73 lines (47 loc) · 2.33 KB

ADDBUTTON.md

File metadata and controls

73 lines (47 loc) · 2.33 KB
Raw

Adding a Button to the Project ✨🚀

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.

5. Add Button Link and Screenshot :

  • 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!