> For the complete documentation index, see [llms.txt](https://docs.zstudioo.com/bubble.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.zstudioo.com/bubble.io/ai-chat-and-writer/product-information/user-portal.md).

# User Portal

The application is constructed as a Progressive Web App (PWA), allowing users to access all services from a single page. Upon logging into the application, they will be directed to the portal, as shown in the image below.

<figure><img src="/files/hMyGKgEUZ9G6r7ukkMPc" alt=""><figcaption><p>User's Dashboard View</p></figcaption></figure>

This is the view users encounter when they are logged in and have an active plan (whether it's a trial or a paid one). Now, let's delve into each component displayed on the screen.

### Header:&#x20;

<figure><img src="/files/tCFi3pdKI10ytkJwdorO" alt=""><figcaption><p>Header</p></figcaption></figure>

<details>

<summary>User's Avatar</summary>

You can allow user's to use their avatar or photo.

</details>

<details>

<summary>Button - What'New?</summary>

You can link this button to a page ot blog post to see users about upcooming features in your application.

</details>

<details>

<summary>Button - Customize this template</summary>

Currently the button opens a pop-up to contact us but you can replace button with something like their current plan name.

</details>

### Sidebar Navigation

![](/files/ZuUYaKTKnqJlkLxarBNr)

The sidebar serves as navigation between different views, and it also features functionality to display the percentage of credits the user has utilized.