Updated issues template and added PR template (#315)

* added github issue template

* updated issue template

* updated ISSUE_TEMPLATE with friendlier wording and structure

* added pr template

* added branch notes

Author: joeyklee

.github/ISSUE_TEMPLATE.md

@@ -1,27 +1,23 @@
-## Nature of issue?
+## → Description 📝
 
-- [ ] Found a bug
-- [ ] Existing feature enhancement
-- [ ] New feature request
-- [ ] Other
+A clear and concise description of what the issue is about. Let us know if you:
 
+- found a bug 🐛
+- want to suggest an update 💡
+- have an idea for a new feature 🆕 
 
-*** 
-## Details about the Bug:
-> Please describe the bug you've encountered. Make sure to include the following information below.
 
-### Web browser and version: (e.g. Firefox version 65, Chrome version 71.0)
 
-### Operating System: (e.g. MacOS, Windows, Ubuntu)
+## → Screenshots 🖼
+(Any relevant screenshots, sketches, or helpful concept diagrams)
 
-### Steps to reproduce this bug:
 
-***
-## Existing Feature Enhancement details:
-> Please describe the feature enhancement you're hoping to see.
+## → Helpful Information 🦄
 
+A list of relevant information for this issue. This will help people navigate the project and offer some clues of where to start. Depending on the nature of this issue, important and helpful information might include:
 
-*** 
-
-## New feature details:
-> Please describe the new feature you're hoping to see. 
+- **Web browser and version** (e.g. Firefox version 65, Chrome version 71.0)
+- **Operating System** (e.g. MacOS, Windows, Ubuntu)
+- Steps to reproduce the issue
+- ml5 version you're using 
+- Links to example code in the [p5 web editor](https://editor.p5js.org) or other online shareable code editor

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,31 @@
+<!-- MANY MANY THANKS FOR YOUR CONTRIBUTION. ML5 ❤️S YOU! -->
+## → Submit changes to the relevant branch 🌲
+
+We have 2 branches you can submit to, **development** or **release**. You'd make us so happy 😊 if you submitted your pull request to the branch that is most relevant for your submission.
+
+- for pull requests related to **new features** 🆕 make sure to use the **development** branch
+- for pull requests related to bug 🐛fixes of the existing stable release, make sure your pull request  goes to the **release** branch.
+
+
+## → Description 📝
+
+A clear and concise description of what the pull request is about. Let us know if you are:
+
+- fixing a bug 🐛
+- adding an update 🛠
+- submitting a new feature 🆕 
+
+## → Screenshots 🖼
+(Any relevant screenshots, sketches, or helpful concept diagrams - these are helpful for our release notes and for getting people excited about your super cool feature and/or fix!)
+
+
+## → Relevant Example or Paired Pull Request to [ml5-examples](https://github.com/ml5js/ml5-examples) 🦄
+
+In order to help the ml5 team understand your pull request, we ask that you please submit an example to [ml5-examples](https://github.com/ml5js/ml5-examples) showcasing how your integrated feature works. You're also welcome to show how this works by providing code that can be easily run by others. 
+
+## → Relevant documentation 🌴
+
+Write a few notes about your pull request. Document any functionality that might be helpful for others who want to run and test your changes. If we don't know how to make use of your contribution, we won't be able t integrate it! 🙏
+
+
+