> For the complete documentation index, see [llms.txt](https://cranford-tech.gitbook.io/freelancer-marketplace/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://cranford-tech.gitbook.io/freelancer-marketplace/key-features/how-the-dashboard-works.md).

# How the dashboard works

The dashboard page is built in the style of a Single Page Application ("SPA"). You can learn more about how SPA style dashboards are built by watching this tutorial video:

{% embed url="<https://www.youtube.com/watch?v=aNfBSKMWJIc>" %}

In this case, we're using an Option Set called "Navigation" to navigate between pages on the dashboard.

There are X reusable elements on the dashboard page:

1. **sidebarnav**

Used to navigate between the different sections in the dashboard. Please note that the 'Services' tab will be visible to Freelancers, but not Customers

2. **views-add-service**

Freelancer's can add a new service that will be listed on the marketplace.

3. **views-edit-service**

Freelancer's can edit an existing service they offer.

4. **views-inbox**

The user can view all current conversations and go to a particular conversation.

5. **views-job-detail**

Customers and Freelancers can view details of a specific job here. Freelancers can upload completed work, which can then be downloaded.

6. **views-jobs**

This is a key view that has contains a number of important pieces of functionality:

* Users can see jobs that have been created and track their status
* They can also see details on a specific job by clicking on a job, which will bring them to the 'view-job-detail' reusable
* Users can change the status of a job (i.e. accept it, mark it as complete etc.)
* Customers can leave a review of a Freelancer after a job has been completed

7. **views-messages**

Contains a specific conversation between a customer and a freelancer.

8. **views-profile**

Useres can set their profile picture. Freelancers can register for a Stripe Express account and access their Stripe Express dashboard ([when pre-built payment flows are enabled](/freelancer-marketplace/payments/how-to-enable-payments.md)).

9. **views-services**

An overview of all services currently offered by the freelancer.