> 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="" %} 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. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## 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, and the optional `goal` query parameter: ``` GET https://cranford-tech.gitbook.io/freelancer-marketplace/key-features/how-the-dashboard-works.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. 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.