# Development mode

### What are the use cases of using the development mode in BetterBugs Web SDK

* Allows you to use the widget in the development/ testing/staging environments.
* Use the widget during development, alpha testing, beta testing, bug bashes, and for QA overall. 
* Perfect for collecting feedback and bug reports for the app from within your internal team.

{% hint style="warning" %}
**PREREQUISITE**: Make sure that the SDK is installed correctly and the widget is visible in your app screen.
{% endhint %}

### Steps for using the Web SDK widget in development mode

{% stepper %}
{% step %}

#### Open the widget and select screen capturing mode

On the web app, click the “**Report Bug**” widget and select the screen capture mode: 

* **Screenshot**
* **Screen record** (record screen up to 10 mins by default, can be configured for up to 15 mins)

For instance, click the “**Screenshot**” option
{% endstep %}

{% step %}

#### Grant permission to capture the screen instantly

Next, click “**Allow**” to grant permissions to instantly capture your screen.
{% endstep %}

{% step %}

#### Annotate the screenshot

You can add annotations to the screenshot to highlight the issue from the annotations toolbar. Then, hit the ✔️ button.
{% endstep %}

{% step %}

#### Add details

Next, add the details for the issue:

* **Title**  – Bug/Feedback title.
* **Description** — Quick summary, issue repro steps, and additional context. 
* **Add assignee** — Select an assignee from the Workspace members.
* **Add reporter\*** — Add a reporter name from the Workspace members. It's a required field.
  {% endstep %}

{% step %}

#### Submit

Finally, hit the “**Submit**” button to create and send the bug report
{% endstep %}
{% endstepper %}

You’re good to do. 

After you submit the report gets added to the BetterBugs account. 

You can access the complete report in the BetterBugs dashboard. It should be available in the BetterBugs project that’s integrated with the SDK widget.