Welcome to the Button-Mania project!
To get started with Button-Mania, please follow the instructions below:
Please refer to the Setup Guide for detailed instructions on how to set up Button-Mania on your local machine.
Contributing to Button-Mania is a simple process. Follow the steps below to start contributing:
-
Create a button on codepen.io.
-
Take a screenshot of your button.
-
Save the screenshot in the
assets
folder with a unique filename that does not exist in the folder already. This screenshot will visually represent your button in the collection. -
In the
assets
folder, navigate toindex.js
. Import your button image and export it. -
Go to the
components/Buttons/AllButtons.jsx
file. -
Create a new component called
ButtonCard
and pass it all the props required. Example:<ButtonCard btnImg={neumorphicGreyBtn} imgAlt="neumorphic grey button" codepenLink="https://codepen.io/Palak-Goyal/pen/dygEaVp" zipFileName="trial-button" authorName="Palak Goyal" githubLink="https://github.com/palakkgoyal" />
-
Send a pull request (PR).
-
Wait for your PR to be reviewed and merged.
Thank you for your interest in contributing to Button-Mania!
If you have any further questions or need assistance, feel free to reach out to us.