# User's manual

## Quick links:

**System "out-of-box" TApps:**

* [TEA Appstore-Account](https://docs.teaproject.org/_2_user_manual/_1_tappstore_0_account) - The entry point to all other TApps, account page
* [TEA Appstore-TApps list](https://docs.teaproject.org/_2_user_manual/_1_tappstore_1_tapps) - The entry point to all other TApps.
* [TEA Appstore-Investments](https://docs.teaproject.org/_2_user_manual/_1_tappstore_2_investments) - The entry point to all bonding curve token investments.
* [Harberger auction](https://docs.teaproject.org/_2_user_manual/_2_harberger-auction) - Buy a **SEAT** share the revenue from state machines
* [Seeds auction](https://docs.teaproject.org/_2_user_manual/_3_seeds-auction) - Buy a CML Seed become a TEA hosting node miner
* [TeaFluencer](https://docs.teaproject.org/_2_user_manual/_4_teafluencer) - Earn some TEA credits by doing some task for KOLs
* [Miner's portal](https://docs.teaproject.org/_2_user_manual/_5_miners-portal) - Portal to TEA miners
* [Developer's portal](https://docs.teaproject.org/_2_user_manual/_6_developers-portal) - Portal to TEA application developers
* [Leaderboard](https://docs.teaproject.org/_2_user_manual/_7_leaderboard) - Join the TEA mining competition, see who wins the most

**Community build "commercial" TApps**

* [TEA Party](https://docs.teaproject.org/_2_user_manual/_8_tea-party) - A zoom-like peer to peer video conferencing app that supports payment channel

**Airdrop game**

* [Togar3: the game for airdrop](https://docs.teaproject.org/_2_user_manual/_9_togar3)

## TApplication on Web and Mobile

TEA Applications, abbreviated as TApps, feature a user interface akin to conventional Web Apps. They can operate on both computer web browsers and the Metamask browser on mobile phones. While both the PC web and mobile web execute the same logic, the mobile version is customized to suit the smaller screen size. Consequently, you may need additional clicks for more details to be expanded.

{% hint style="info" %}
\*\* Running TApps with Metamask on Your Mobile Phone\*\*

To run TApps on your smartphone, you must first install Metamask. While TApps can be loaded on a regular mobile web browser, the Metamask browser is currently the most stable option when your digital signature is required for login or payment. This stability is attributed to Metamask's built-in browser, where the TApp runs seamlessly, eliminating the need to switch to another mobile app for signature purposes. You are welcome to use any mobile browser to launch TApps, but if you encounter issues with Metamask signature, consider using the Metamask app instead.
{% endhint %}

### UI size comparison

Comparison of PC Web and Mobile UI

![Pasted image 20231212150437.png](https://73308480-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmMwGZz977tHp9OWOehSW%2Fuploads%2Fgit-blob-0fe568a6e7009d7600f95e24b8b9e24a043712ba%2FPasted%20image%2020231212150437.png?alt=media)

The PC Web interface (on the left) provides more detailed information compared to the mobile web interface (on the right). Users may need to click on a specific row to access additional detailed information.

### Metamask signature comparison

On a PC, Metamask functions as a browser extension. When a TApp requires a user to sign a transaction, the Metamask extension will pop up. On mobile, the browser is a window within the Metamask app. To use a TApp, you must click the browser icon to switch to the browser window and then launch the TApp inside. When the TApp prompts the user to sign a transaction, Metamask will switch to the wallet window to complete the signing process.

![100](https://73308480-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmMwGZz977tHp9OWOehSW%2Fuploads%2Fgit-blob-b650b07d98ace912ff1a7e1b512740e653ca20f5%2FPasted%20image%2020231212151010.png?alt=media)

## Entry point: Alpha is testnet, Beta is mainnet

* <https://alpha.teaproject.org> is Alpha testnet entry point URL
* <https://beta.teaproject.org> is the mainnet entry point URL.

{% hint style="info" %}
**Why beta?**

Beta.teaproject.org is **NOT** a testnet; it is the mainnet for the TEA Project. The usage of the domain name "beta" reflects the early stage of the TEA Project mainnet. The TEA Project core team is actively addressing bugs and implementing frequent improvements during this phase. Throughout this period, the TEA core team will manage all state machine nodes to facilitate fast and consistent upgrades. The profits generated by the state machine nodes are handled by SEAT owners, not the core team. We anticipate running under the "beta" domain for approximately 2 years. Once the system achieves stability and is deemed suitable for public use, the "beta" designation will be removed from the domain name.

Regardless of its label as "beta" or "not a beta," it functions as the mainnet, and all tokens on Beta are indeed **real**.
{% endhint %}

{% tabs %}
{% tab title="Phone" %}
![Pasted image 20231213101341.png](https://73308480-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmMwGZz977tHp9OWOehSW%2Fuploads%2Fgit-blob-4ae19a6e1118a57c4c6b72eae952a46f746ff5f7%2FPasted%20image%2020231213101341.png?alt=media)
{% endtab %}

{% tab title="Web" %}
![Pasted image 20231213101502.png](https://73308480-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmMwGZz977tHp9OWOehSW%2Fuploads%2Fgit-blob-32b04371d5c019ec8f8a95f8150770a2a3f5dfde%2FPasted%20image%2020231213101502.png?alt=media)
{% endtab %}
{% endtabs %}

In the TEA Project, connecting to the Web 3 world requires selecting a **hosting node** as your designated **gateway**, distinguishing it from the conventional Web 2 approach.

{% hint style="info" %}
\*\* How can I select a hosting node? \*\*:

Regardless of the hosting node you choose, you can expect nearly identical user experiences, as only those passing the **remote attestation** are featured on the list—ensuring security and reliability.

However, each node may vary in performance and capability. Note the **market cap** column in the table, akin to the valuation of a publicly listed company (in this case, the node). Typically, nodes with superior performance garner higher profits, attracting more investors and thus achieving a higher market cap. The hosting list table is organized based on market cap rankings.

If you have no specific preferences, opting for the top-ranked hosting nodes should suffice.

Upon connecting to a hosting node, your gas fee becomes its revenue. The current billing model measures gas fees solely based on the consumption of executing code, irrespective of the hosting node. This model may evolve in the future to distribute workload based on available free memory or CPU usage.
{% endhint %}

Every row in this table represents a hosting node provided by a TEA miner. When you click and connect to a hosting node, you will be redirected to the TEA mini-runtime service running on that specific node. You may observe that the URL has changed in your browser's address bar.

{% tabs %}
{% tab title="Phone" %}
![Pasted image 20231213102240.png](https://73308480-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmMwGZz977tHp9OWOehSW%2Fuploads%2Fgit-blob-33bc37027338acaaf56b4180af274cb88c4d24f9%2FPasted%20image%2020231213102240.png?alt=media)
{% endtab %}

{% tab title="Web" %}
![Pasted image 20231213102345.png](https://73308480-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmMwGZz977tHp9OWOehSW%2Fuploads%2Fgit-blob-3ef1f5eb198c7c6d9dc5d7ced28706f97dec5b79%2FPasted%20image%2020231213102345.png?alt=media)
{% endtab %}
{% endtabs %}

The IP address corresponds to the hosting node, while the lengthy hash in the screenshot, depicted as `mey32oBSYMPPjxYjeSCDwZsFM3m9SWodq25pLa9gy9cji`, is referred to as CID (Content ID) in the **IPFS** protocol. This CID represents the current hash of the **TAppStore** application's front-end code. It's important to note that this CID may change whenever the TAppStore undergoes an update.

## Common Login Features in Most TApps

While each TApp has its unique characteristics, many share common features like login/logout.

#### Before login

{% tabs %}
{% tab title="Phone" %}
![200](https://73308480-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmMwGZz977tHp9OWOehSW%2Fuploads%2Fgit-blob-b829298fa828dbcdc88c33fe2fd73514ec581525%2FPasted%20image%2020231212175457.png?alt=media)

If you are not logged in, the circled icon will appear as a login icon. The icon displayed on the header bar represents the current Metamask address/account connected to this page. To learn more about the Metamask connect feature, refer to [Metamask connect](https://docs.teaproject.org/_2_user_manual/_b02_metamask-connect).
{% endtab %}

{% tab title="Web" %}
If you are not logged in, you'll find the login button in the upper right corner.

![Pasted image 20231212180253.png](https://73308480-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmMwGZz977tHp9OWOehSW%2Fuploads%2Fgit-blob-4f2ed611f2efa684b9d9e659a52ea650f7f40b88%2FPasted%20image%2020231212180253.png?alt=media)

The address on the left is the currently connected address for this web page. For additional information about the Metamask connect feature, visit [Metamask connect](https://docs.teaproject.org/_2_user_manual/_b02_metamask-connect).
{% endtab %}
{% endtabs %}

#### Check auth list and sign

Click on the login icon to review all necessary authentication steps. If you agree with all requested authorizations, proceed to sign this login transaction using Metamask's **sign** button. For more information about requested authorizations, refer to [TApp authorizations](https://docs.teaproject.org/_2_user_manual/_b03_tapp-auth).

{% tabs %}
{% tab title="Phone" %}
![Pasted image 20231213095359.png](https://73308480-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmMwGZz977tHp9OWOehSW%2Fuploads%2Fgit-blob-912c308080c64a4ce02b1f8364dcd297631e27eb%2FPasted%20image%2020231213095359.png?alt=media)

**Note**: Alpha testnet has moved layer 1 to ETH **Sepolia** testnet from **Goerli** testnet. Beta mainnet uses ETH **mainnet**. Please double check your network selection. The screenshot was captured using Goerli testnet.
{% endtab %}

{% tab title="Web" %}
![Pasted image 20231212180550.png](https://73308480-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmMwGZz977tHp9OWOehSW%2Fuploads%2Fgit-blob-188771b820742a01b4c4c9b4d90d8bff7de0b745%2FPasted%20image%2020231212180550.png?alt=media)

![Pasted image 20231213100458.png](https://73308480-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmMwGZz977tHp9OWOehSW%2Fuploads%2Fgit-blob-4ba06a7f69509351d54b2f4da963ed6e2420a30a%2FPasted%20image%2020231213100458.png?alt=media)

**Note**: Alpha testnet has moved layer 1 to ETH **Sepolia** testnet from **Goerli** testnet. Beta mainnet uses ETH **mainnet**. Please double check your network selection. The screenshot was captured using Goerli testnet.
{% endtab %}
{% endtabs %}

#### After log in

{% tabs %}
{% tab title="Phone" %}
Upon successful login, you will observe that the icon has changed to your wallet icon.

![200](https://73308480-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmMwGZz977tHp9OWOehSW%2Fuploads%2Fgit-blob-0e021226155a361f8087c2547719570626a85949%2FPasted%20image%2020231212180106.png?alt=media)
{% endtab %}

{% tab title="Web" %}
After successfully logging in, you will notice that the "login" button has changed to "log out."

![Pasted image 20231212210107.png](https://73308480-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmMwGZz977tHp9OWOehSW%2Fuploads%2Fgit-blob-47b9e965cf478123c1d64f68c72a4664ee353431%2FPasted%20image%2020231212210107.png?alt=media)

**Note**: The ERC20 address visible in the screenshot does not correspond to the actual TEA ERC20 address on the mainnet. The correct mainnet ERC20 address for the TEA token is **0x1d4Ab5E692C5E45Afe7646185a2d58A0E21cD3e9**.
{% endtab %}
{% endtabs %}

## Switching between tabs

{% tabs %}
{% tab title="Phone" %}
Click the upper right corner menu button ![Pasted image 20231213121452.png](https://73308480-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmMwGZz977tHp9OWOehSW%2Fuploads%2Fgit-blob-3590fb6600473e51071d5ec1a9a64cf160d1f3f6%2FPasted%20image%2020231213121452.png?alt=media)
{% endtab %}

{% tab title="Web" %}
Switch between tab bar ![Pasted image 20231213121238.png](https://73308480-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmMwGZz977tHp9OWOehSW%2Fuploads%2Fgit-blob-2d183993b11b99c4c65a9ff974fbfaf94279cdd5%2FPasted%20image%2020231213121238.png?alt=media)
{% endtab %}
{% endtabs %}