Contribution Guidelines Added & Documentation Improved (#184)

Author: shubhamjha25

CONTRIBUTING.md

@@ -1,9 +1,20 @@
-## Contributing
+## Contributing Guidelines
 
 Contributions are welcome! Feel free to open an issue or submit a pull request if you have a way to improve this project.
 
 Make sure your request is meaningful and you have tested the app locally before submitting a pull request.
 
+This documentation contains a set of guidelines to help you during the contribution process.
+
+### Need some help regarding the basics?
+
+You can refer to the following articles on the basics of Git and GitHub in case you are stuck:
+
+- [Forking a Repo](https://help.github.com/en/github/getting-started-with-github/fork-a-repo)
+- [Cloning a Repo](https://help.github.com/en/desktop/contributing-to-projects/creating-an-issue-or-pull-request)
+- [How to create a Pull Request](https://opensource.com/article/19/7/create-pull-request-github)
+- [Getting started with Git and GitHub](https://towardsdatascience.com/getting-started-with-git-and-github-6fcd0f2d4ac6)
+- [Learn GitHub from Scratch](https://lab.github.com/githubtraining/introduction-to-github)
 
 ### Installing Requirements
 
@@ -76,3 +87,94 @@ Run the following command to run the PHPUnit test script which will verify that
 ```bash
 composer test
 ```
+
+## Submitting Contributions 👨‍💻
+
+Below you will find the process and workflow used to review and merge your changes.
+
+### Step 0 : Find an issue
+
+- Take a look at the existing issues or create your **own** issues!
+- Wait for the issue to be assigned to you after which you can start working on it.
+
+![issues tab](https://user-images.githubusercontent.com/63443481/136185624-24447858-de8d-4b0a-bb6b-2528d9031196.PNG)
+
+
+### Step 1 : Fork the Project
+
+- Fork this repository. This will create a copy of this repository on your GitHub profile.
+Keep a reference to the original project in the `upstream` remote.  
+
+```bash
+git clone https://github.com/<your-username>/github-readme-streak-stats.git  
+cd github-readme-streak-stats  
+git remote add upstream https://github.com/DenverCoder1/github-readme-streak-stats.git  
+```  
+
+![fork button](https://user-images.githubusercontent.com/63443481/136185816-0b6770d7-0b00-4951-861a-dd15e3954918.PNG)
+  
+
+- If you have already forked the project, update your copy before working.
+
+```bash
+git remote update
+git checkout <branch-name>
+git rebase upstream/<branch-name>
+```  
+
+### Step 2 : Branch
+
+Create a new branch. Use its name to identify the issue your addressing.
+
+```bash
+# It will create a new branch with name Branch_Name and switch to that branch 
+git checkout -b Branch_Name
+```
+
+### Step 3 : Work on the issue assigned
+
+- Work on the issue(s) assigned to you.
+- Make all the necessary changes to the codebase.
+- After you've made changes or made your contribution to the project, add changes to the branch you've just created using:
+
+```bash  
+# To add all new files to the branch  
+git add .  
+
+# To add only a few files to the branch
+git add <some files (with path)>
+```
+
+### Step 4 : Commit
+
+- Commit a descriptive message using:
+
+```bash
+# This message will get associated with all files you have changed
+git commit -m "message"
+```
+
+### Step 5 : Work Remotely
+
+- Now you are ready to your work on the remote repository.
+- When your work is ready and complies with the project conventions, upload your changes to your fork:
+
+```bash  
+# To push your work to your remote repository
+git push -u origin Branch_Name
+```
+
+- Here is how your branch will look.
+![forked branch](https://user-images.githubusercontent.com/63443481/136186235-204f5c7a-1129-44b5-af20-89aa6a68d952.PNG)
+
+### Step 6 : Pull Request
+
+- Go to your forked repository in your browser and click on "Compare and pull request". Then add a title and description to your pull request that explains your contribution.  
+
+<img width="700" alt="compare and pull request" src="https://user-images.githubusercontent.com/63443481/136186304-c0a767ea-1fd2-4b0c-b5a8-3e366ddc06a3.PNG">  
+
+<img width="882" alt="opening pull request" src="https://user-images.githubusercontent.com/63443481/136186322-bfd5f333-136a-4d2f-8891-e8f97c379ba8.PNG">  
+
+- Voila! Your Pull Request has been submitted and it's ready to be merged.🥳
+
+#### Happy Contributing!