# General Instructions

Mighty Widget is a powerful tool designed to supercharge the learning experience for users of any website. 

### Demo

To see the Widget usage examples, use the demo at <https://mighty-widget.netlify.app/> to see the possible integration options.

## General Instructions - Getting Started with Mighty Platform

**1. Register on Mighty platform to add content for Widget**

* To make content visible in the widget:
  * **Step 1:** Submit an application at <https://forms.gle/dQoWwntrCJRg6Gxr8>
  * **Step 2:** The account used for google docs will be assigned as an administrator. Log in to the Mighty platform using your administrator account.
  * **Step 3:** Navigate your project space, e.g: **app.mighty.study/your-space.**
  * **Step 4:** Click on "Create New Course". Fill in the course details.
  * **Step 5:** Fill in the course contents, including texts, tasks, interactive elements or quizzes. You can click on "import docs" button to import it directly from readme or other file formats.
  * **Step 6:** Assign rewards or incentives to each module or task to gamify the learning experience.
  * **Step 7:** Save and publish the content to make it immediately visible on the widget.

**2. Install the Mighty Widget**

* The Mighty Widget can be easily integrated into your website either as:

  * **A Sidebar Widget:** This option allows the widget to appear on any page, usually on the right or left side of the screen.
  * **A Separate Page Widget:** This option involves creating a dedicated route for the widget (e.g., `your-company.com/learn`), providing a focused learning environment for users.<br>

  Choose tech stack of your liking in the directory in these docs, and happy learning!