Updated format for reporting Issues.

.github/ISSUE_TEMPLATE/Question.yaml

@@ -0,0 +1,42 @@
+name: Question
+description: Ask a question about html5-qrcode library to the authors
+title: "<Question>"
+labels: [Stackoverflow-Question]
+
+body:
+- type: textarea
+  attributes:
+    label: Describe the Question.
+    description: A clear and concise description of what the question is.
+  validations:
+    required: true
+- type: textarea
+  attributes:
+    label: Link to stackoverflow.
+    description: Please raise this question in [stackoverflow.com](https://stackoverflow.com/questions/ask) for faster answer and add the link here.
+  validations:
+    required: false
+- type: textarea
+  attributes:
+    label: Context about your web application.
+    description: Where are you using this and how. It'd be helpful if you provide your usage code example.
+  validations:
+    required: false
+- type: textarea
+  attributes:
+    label: Put your code here.
+    description: Code example here
+  validations:
+    required: false
+- type: textarea
+  attributes:
+    label: Environment (please complete the following information).
+    description: Device [e.g. iPhone6], OS [e.g. iOS], Browser [e.g. chrome, safari], Version [e.g. 22]
+  validations:
+    required: true    
+- type: textarea
+  attributes:
+    label: Description
+    description: Add any other context about the problem here.
+  validations:
+    required: false               

.github/ISSUE_TEMPLATE/bug_report.yaml

@@ -0,0 +1,47 @@
+name: Bug Report
+description: Create a report to help us improve.
+title: "<Bug Report>"
+labels: []
+body:
+- type: textarea
+  attributes:
+    label: Describe the bug
+    description: A clear and concise description of what the bug is.
+  validations:
+    required: true
+- type: textarea
+  attributes:
+    label: To Reproduce.
+    description: Steps to reproduce the behavior. Go to '...' --> Click on '....' -->  Scroll down to '....' --> See error.
+  validations:
+    required: false
+- type: textarea
+  attributes:
+    label: Expected behavior
+    description: A clear and concise description of what you expected to happen.
+  validations:
+    required: false
+- type: textarea
+  attributes:
+    label: Screenshots.
+    description: If applicable, add screenshots to help explain your problem.
+  validations:
+    required: false
+- type: textarea
+  attributes:
+    label: Environment (please complete the following information about Desktop).
+    description: OS [e.g. iOS] --> Browser [e.g. chrome, safari] --> Version [e.g. 22]
+  validations:
+    required: false 
+- type: textarea
+  attributes:
+    label: Environment (please complete the following information about Smartphone).
+    description: Device [e.g. iPhone6] --> OS [e.g. iOS8.1] --> Browser [e.g. stock browser, safari] --> Version [e.g. 22].
+  validations:
+    required: false     
+- type: textarea
+  attributes:
+    label: Additional context.
+    description: Add any other context about the problem here.
+  validations:
+    required: false      

.github/ISSUE_TEMPLATE/compatibility_issue.yaml

@@ -0,0 +1,29 @@
+name: Compatibility Issue
+description: Report compatibility issue for a certain browser.
+title: "<Compatibility - [OS] [Browser] - [What is not working]>"
+labels: [compatibility]
+body:
+- type: textarea
+  attributes:
+    label: Describe the bug
+    description: A clear and concise description of what the bug is( What is not working and what is expected).
+  validations:
+    required: true
+- type: textarea
+  attributes:
+    label: Environment (Describe the browser).
+    description:  OS [e.g. iOS, Android, MacOs or Windows] --> Browser [e.g. chrome, safari, edge, firefox] --> Version [e.g. 22]
+  validations:
+    required: true 
+- type: textarea
+  attributes:
+    label: Screenshots.
+    description: If applicable, add screenshots to help explain your problem.
+  validations:
+    required: false     
+- type: textarea
+  attributes:
+    label: Additional context.
+    description: Add any other context about the problem here.
+  validations:
+    required: false      

.github/ISSUE_TEMPLATE/feature_request.yaml

@@ -0,0 +1,29 @@
+name:  Feature request
+description: Suggest an idea for this project.
+title: "<[Feature Request] One liner for the request>"
+labels: [Enhancement, ferature-request]
+body:
+- type: textarea
+  attributes:
+    label: Is your feature request related to a problem? Please describe.
+    description: A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]
+  validations:
+    required: true
+- type: textarea
+  attributes:
+    label: Describe the solution you'd like.
+    description:  A clear and concise description of what you want to happen.
+  validations:
+    required: false 
+- type: textarea
+  attributes:
+    label: Describe alternatives you've considered
+    description: A clear and concise description of any alternative solutions or features you've considered.
+  validations:
+    required: false     
+- type: textarea
+  attributes:
+    label: Additional context.
+    description: Add any other context or screenshots about the feature request here.
+  validations:
+    required: false