Git Product home page Git Product logo

animating-buttons's Introduction

Screenshot 2022-10-15 at 1 19 54 PM

✨✨HacktoberFest 2022✨✨

Screenshot 2022-10-15 at 1 19 54 PM

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
  • Navigate to project directory.
cd Animating-Buttons
npm i
npm start
  • 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/Data.js

  • Add your folder name (github_username, github_username_1,etc) code in src/Data.js file

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.

Our Beloved Contributors 😍



DON'T FORGET TO ⭐ THIS REPOSITORY !!

You can follow me here

animating-buttons's People

Contributors

spyware007 avatar arjun-ingole avatar sapna127 avatar vaishnavi2701-mk avatar bhushan8177 avatar ganraj21 avatar pranavkale03 avatar saurabhbarde-007 avatar shubham-2410 avatar onkar2921 avatar tanishq-khandelwal avatar princeton21 avatar nomikagajula avatar nevish-302 avatar tharundanial-s avatar sonalguptaa avatar shreya2713 avatar 25vaishnavibarge17 avatar sumeetk10 avatar shubhammete avatar sarthak713 avatar abhishekkhairnar avatar 123shuklaayush avatar bharat70 avatar diphire avatar rbeaujon avatar nmn03 avatar fallen-ecstasy avatar jatin-code21 avatar mundadapurva avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.