# How does it work?

### 1. Start the Application 📲

You can find the app on the link [here](https://substrate-starterkit.mvpworkshop.co/#/) and start it by clicking the "Build your blockchain" button.

<figure><img src="/files/W5n6gdsMTZvtlwbeSgvz" alt=""><figcaption></figcaption></figure>

### 2. Using the Workspace 💼

You'll be presented to your "workspace". On this area, you can add new pallets of your liking and see how they are linked between each other on the graph.

Each pallet can be inspected by hovering over with a mouse and clicking the "info" button.

<figure><img src="/files/FdSNu1hKCOPnvOUxc9gI" alt=""><figcaption><p>The Workspace</p></figcaption></figure>

### 3. Browsing the Marketplace 🏪

By clicking the "pallets" button on the sidebar of the workspace, the pallet "marketplace" menu will open where all of the avaliable pallets are sorted Alphabetically and able to be filtered by their respected category.

<figure><img src="/files/8Q7WnhDTHpnl4Dmxaihp" alt=""><figcaption><p>The Marketplace</p></figcaption></figure>

### 4. Checking the Pallet Details 🔎

To check the more details of a pallet, just press the "View Details" button after which you'll be promted with all of the accompanying key metadata of a pallet such as:

* Package name
* Version
* Framework version compatibility
* Binary size
* License
* Dependencies

<figure><img src="/files/I4DxbqYZp2PdaGwx77BP" alt=""><figcaption><p>Pallet Info</p></figcaption></figure>

### 5. Adding the pallet to the Workspace 🤏🫳

Once decided which Pallet to use, you can just Drag\&Drop it onto the Worksspace or just press the Add pallet button. (Picture 1)

If any Extra dependencies are pulled with that specific pallet, the interface will notify you before proceeding further. (Picture 2)

<figure><img src="/files/cPrwMVl3XvVti4X9khRC" alt=""><figcaption><p>Picture 1</p></figcaption></figure>

<figure><img src="/files/5qBtm9FmMZ12SqJEyy07" alt=""><figcaption><p>Picture 2</p></figcaption></figure>

You'll now be able to see new Pallets added to your project, interact with them and learn more about their interaction with each other.

### 6. Generating the codebase 🐙

When you're ready for your code to be generated, you can pres the "Deploy Codebase" button (Picture 1) located in the top right corner of the application and select "Deploy on Github" button (Picture 2).

<figure><img src="/files/hAX4j77uRG1lNq6TQmHF" alt=""><figcaption><p>Picture 1</p></figcaption></figure>

<figure><img src="/files/i437j9QAY3D4STEyhg7f" alt=""><figcaption><p>Picture 2</p></figcaption></figure>

### 7. Checking out the codebase ✅

After completing the previous step, a modal with Success info and link to the newly generated repo should appear.&#x20;

<figure><img src="/files/JmUOT79aSREpzLZ06OE7" alt=""><figcaption></figcaption></figure>

### 8. Congratulations! 🍻

You've just generated a new Susbtrate Blockchain. Go get a beer and start reading the README in the new codebase.

For more Substrate related resources, checkout the official Substrate documentation [here](https://docs.substrate.io) and the official Polkadot documentation [here](https://www.polkadot.network/development/docs/).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://gnosza.gitbook.io/substrate-blockchain-starter-kit/introduction/how-does-it-work.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.