Contribution Guildelines

Please follow these steps if you wish to contribute to the project

Go through the Issues to see if, what you want is already in discussion.
Open a new issue if you want to add a new component in the page.
Mention in the Issue that you want to work on it.
Wait for the approval from the Maintainers of this project before startig to work on it.
Create a pull request after making the changes and mention the Issue number that your pull request is related to.
Make the required changes if the reviewer asks for them.
That's it! Your pull request will be merged once everything seems okay.

In this project, we have to make unique and animated components.

You can use bootstrap components, but don't use them as it is , add different styles and animations if you can.

Select an issue and ask to be assigned to it.
Star the repository.
On the GitHub page for this repository, click on the Button "Fork".
Create clone your forked repository on your local machine.

For example, run this command inside your terminal:
```
git clone https://github.com/<your-github-username>/animated-components.git
```
Replace <your-github-username>!

Learn more about forking and cloning a repo.
Once you clone the the repository, go into the folder on your machine and to install all the dependencies and packages run the following command:-
```
npm install
```

Before you make any changes, keep your fork in sync to avoid merge conflicts:

git remote add upstream https://github.com/PCCoE-Hacktoberfest-21/animated-components.git
git fetch upstream
git pull upstream main

If you run into a merge conflict, you have to resolve the conflict. There are a lot of guides online, or you can try this one by opensource.com.
Checkout to development branch (name your branch according to the issue name).
```
git checkout -b <branch-name>
```
Add the changes with git add, git commit (write a good commit message, if possible):
```
git add -A
git commit -m "<your message>"
```
Pull the code from the upstream
```
git pull upstream main
```
Push the code to your repository.
```
git push origin <branch-name>
```
Go to the GitHub page of your fork, and make a pull request:

Read more about pull requests on the GitHub help pages.
Now wait, until one of us reviews your Pull Request! If there are any conflicts, you will get a notification.

Create a new folder with the name of your component and add the html,css,js files in that folder (Don't add your component code to the index.html)
Link the html file of your component to the link on the card created at index.html file.
Create new cards each new component you make.