# Quick Started

## How to Sign Up for Arkain

{% stepper %}
{% step %}

#### **Access & Start Registration**

* Navigate to [https://arkain.io](https://www.google.com/url?sa=E\&source=gmail\&q=https://arkain.io) using a Google Chrome browser.
* Click the **\[Get started free]** button located in the top-right corner of the homepage.
  {% endstep %}

{% step %}

#### **Choose Your Sign-Up Method**

Select how you would like to create your account:

* **Social Sign-up:** Quickly connect via Google, GitHub, or Apple. (Follow the prompts to grant Arkain access to your basic profile).
* **Email Sign-up:** Click \[Continue with email] to register using your email address and password.
  {% endstep %}

{% step %}

#### **Verify Your Phone Number**

To keep your account secure, Arkain requires phone number verification.

* Select your country code and enter your mobile number.
* Click \[Verify] to receive a 6-digit code via SMS.
* Enter the code and click \[Next] to proceed.
  {% endstep %}

{% step %}

#### Enter Profile Details & Verify Age

Provide your basic information and confirm your eligibility.

* **Username:** Create a unique ID (up to 20 letters and numbers).
* **Role:** Select your role from the dropdown menu.
* **Date of Birth:** Enter your birthdate.

{% hint style="warning" %}
In compliance with our privacy policy, users must be at least 16 years old to use the Arkain service. If you are under 16, registration will be restricted.
{% endhint %}
{% endstep %}

{% step %}

#### Agree to Terms and Finalize

* **Agreement:** Check the box to agree to the Arkain Terms and Conditions.
* **Complete:** Click the \[Sign up] button to finalize your registration.
* **Welcome:** When the "Welcome to Arkain!" screen appears, click \[Get started] to enter your new workspace!
  {% endstep %}
  {% endstepper %}

## How to Log in to Arkain

Let me show you how to log in to Arkain. Shall we embark on a magical development journey together?

{% stepper %}
{% step %}

#### Choose Your Login Method

You have a choice between two methods:

* **Social Login:** If you registered with a social account (like Google, Github, or Apple), click the corresponding icon.
* **Email and Password:** If you didn't use a social account, enter your email address and password in the provided fields and click Login.
  {% endstep %}

{% step %}

#### Confirm Social Account

If you chose a social login, a new window will pop up. Click the specific social account you used to register. You may also be prompted to confirm permissions; if so, click the \[Continue] button.
{% endstep %}

{% step %}

#### Login Successful

Once you've completed the previous steps, you'll be logged into your account. A message will appear on the dashboard saying, ***"Congratulations! You have successfully logged in to Arkain."***
{% endstep %}
{% endstepper %}

## How to Create and Run a Container in Arkain

{% stepper %}
{% step %}

#### Navigate to the Dashboard

The dashboard is your main hub for managing development environments. Look for the "New container" button and click it.
{% endstep %}

{% step %}

#### Choose a Base template

A "Create container" pop-up will appear. Click the dropdown menu under "Base templates" to see a list of available container base templates. Select the one you want to use, such as Node.js, Python, or Java.
{% endstep %}

{% step %}

#### Name the Container

In the "Name" field, enter a name for your container. The name can only contain letters, numbers, hyphens, and underscores.
{% endstep %}

{% step %}

#### Configure Specifications (Optional)

If you need to, you can adjust the container's performance by selecting a different option under "Performance." You can also add more storage under "Add Storage."
{% endstep %}

{% step %}

#### Create the Container

Once you've entered the name and adjusted any settings, click the \[Create] button. The system will begin creating your container, which may take a moment.
{% endstep %}

{% step %}

#### Run the Container

After the container is successfully created, a confirmation window will pop up. Click the \[Run Container] button to start your new development environment.

You are now ready to begin your work in the new container! If you created a Python, Node.js, or Java container that supports Arkain Snap, the AI agent will also be active, allowing you to create a project prototype with a simple prompt.
{% endstep %}
{% endstepper %}

## Turning an idea into a prototype with the AI Agent, Arkain Snap

{% stepper %}
{% step %}

#### Navigate to the Dashboard

The dashboard is your main hub for managing development environments. Arkain Snap is available on the Dashboard for easy access.
{% endstep %}

{% step %}

#### Describe Your Idea

You'll see a text box with the prompt, "Describe an idea you want to create." You can either:

* Type a detailed description of the service or app you want to create. Arkain Snap will instantly turn your text into a functional service.
* Click one of the quick prompts below the input box. This is a great way to experience how Arkain Snap works.
  {% endstep %}

{% step %}

#### Generate the App

Once you've provided your prompt, Arkain Snap will begin working. It will automatically:

* Set up the development environment.
* Design the project files and code structure.
* Write the necessary code.
  {% endstep %}

{% step %}

#### Install Dependencies and Run

Arkain Snap will then automatically install all the necessary dependencies and run the newly created application.
{% endstep %}

{% step %}

#### Review the Result

The completed app will be displayed in your workspace. You can now test it to see if it works as you expected.
{% endstep %}
{% endstepper %}

## Vibe Coding with AI Assistant Side Chat

This process demonstrates how Side Chat and your project interact seamlessly, allowing you to "vibe code" and make modifications without manual coding, significantly enhancing your workflow.

{% stepper %}
{% step %}

#### **Getting Started with Side Chat**

Open Side Chat from the Sidbar of your Arkain Workspace.
{% endstep %}

{% step %}

#### Request a Change

In the input box, enter your request. 
{% endstep %}

{% step %}

#### Side Chat Responds

The AI will then analyze your request and provide the necessary code to make the change.
{% endstep %}

{% step %}

#### Apply the Code

The AI suggests that you need to modify the specific file. It will show you the code changes.

* You can click the \[Apply] button in the Side Chat to automatically apply the suggested code to the file open in the editor.
* Alternatively, you can click the \[Copy] button to copy the code or the \[Insert] button to paste the code at your cursor's current location in the editor.
  {% endstep %}

{% step %}

#### Save the File

Once you have applied the changes, click the \[Save] button to save the updated code.
{% endstep %}

{% step %}

#### Check the Result

To see the change, click the \[Preview] button.
{% endstep %}
{% endstepper %}


---

# 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://docs.arkain.io/getting-started/quick-started-2.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.