✨✨HacktoberFest 2022✨✨
What can You contribute ⚠️
- You can contribute any animated buttons. 🤩
- You can update or refine an existing animated button or even add your own new buttons in this repo. 🚀
- Make sure you follow the below steps before making your contributions❗❗❗
Firstly
📢 Register here for Hacktoberfest and make 4️⃣ PRs this month to grab free SWAGS 🔥
- Fork this repo here
- Clone on your local machine
git clone https://github.com/**username**/Animating-Buttons.git
npm i
npm start
- Navigate to project directory.
cd Animating-Buttons
- Create a new Branch
git checkout -b my-new-branch
Go to public/Buttons folder and add a new folder with your GitHub username including your button code (index.html + style.css files)
Then go to src/components/Main/Main.jsx
- Add this code in the btns-container div
<iframe
className={classes.container}
title="your_github_username"
src="Buttons/your_github_username/index.html"
></iframe>
Note:
-
Make sure to align your button centered horizontally as well as vertically.
-
Don't forget to replace 'your_github_username' with GitHub Username.
-
If you are adding more than one buttons then give proper names such as Spyware007_1,Spyware007_2, your_github_username_1,etc
-
Stage your changes.
git add .
- Commit your changes.
git commit -m "Relevant message"
- Then push
git push origin my-new-branch
- Finally, create a new pull request from your forked repository
PLEASE NOTE
- Make sure you commit your changes in a new branch❗❗
- Make sure that your file name and your commit message are relevant.
- Also, make sure you comment your code wherever necessary.