> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/flow/tutorials/projects.md).

# Projects

Projects give you hands-on practice with Avonni Components via step-by-step instructions. You'll gain new skills — and confidence — faster than you thought possible.

{% hint style="success" %}
Have a use case idea you'd like to see as a tutorial? [Fill out this form](https://forms.gle/twvnnkf5C4pVPnMA9) to share it with us!
{% endhint %}

## Core Salesforce Functionality

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Account Management</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fgit-blob-311f6175c8790f0cb5aedc2525a9b357b3305a70%2FDesign%20sans%20titre%20(20).png?alt=media">Design sans titre (20).png</a></td><td><a href="/flow/tutorials/projects/account-management.md">Account Management</a></td></tr><tr><td><strong>Advanced Related List</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fgit-blob-6c6a86c7fdcff9ad264694683eca6a85061e81a3%2FDesign%20sans%20titre%20(14).png?alt=media">Design sans titre (14).png</a></td><td><a href="/flow/tutorials/projects/advanced-related-list.md">Advanced related list</a></td></tr><tr><td><strong>Interactive Contact List</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fgit-blob-788a07e7dd882b9f5abedf856482944e4a992ebd%2FDesign%20sans%20titre%20(22).png?alt=media">Design sans titre (22).png</a></td><td><a href="/flow/tutorials/projects/interactive-contact-list.md">Interactive Contact List</a></td></tr><tr><td><strong>Implementing a bulk edit on the Data Table</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fgit-blob-e667b7e29df15ca959aebe5c9fa7410d2dae6061%2FDesign%20sans%20titre%20(37).png?alt=media">Design sans titre (37).png</a></td><td><a href="/flow/tutorials/projects/implementing-a-bulk-edit-on-the-data-table.md">Implementing a bulk edit on the Data Table</a></td></tr></tbody></table>

## Sales & Marketing

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Activity Scorecard</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fgit-blob-e93942a2dd794a792ff4b0f1342a72f6a4b78ef3%2FDesign%20sans%20titre%20(19).png?alt=media">Design sans titre (19).png</a></td><td><a href="/flow/tutorials/projects/activity-scorecard.md">Activity Scorecard</a></td></tr><tr><td><strong>Building a Marketing Campaign Calendar</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fgit-blob-68b912eda79ee326aa2ad6a8de2b6cc78576c33f%2FDesign%20sans%20titre%20(13).png?alt=media">Design sans titre (13).png</a></td><td><a href="/flow/tutorials/projects/building-a-marketing-campaign-calendar.md">Building a Marketing Campaign Calendar</a></td></tr><tr><td><strong>Business Quote</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fgit-blob-ece8d5c66b0d27501e08d9620181ad192aba10ae%2FDesign%20sans%20titre%20(10).png?alt=media">Design sans titre (10).png</a></td><td><a href="/flow/tutorials/projects/business-quote-with-vertical-progress-indicator.md">Business Quote with vertical progress indicator</a></td></tr><tr><td><strong>Build a Product Showcase</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fgit-blob-691a0d250bb46a767ada8405815bf7bc94f82a07%2FDesign%20sans%20titre%20(16).png?alt=media">Design sans titre (16).png</a></td><td><a href="/flow/tutorials/projects/product-showcase.md">Product showcase</a></td></tr><tr><td><strong>Today's Account to Visit</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fgit-blob-edc0f1bc1bf8b0115b7f840f3e3dbb066c4d825d%2FDesign%20sans%20titre%20(17).png?alt=media">Design sans titre (17).png</a></td><td><a href="/flow/tutorials/projects/todays-accounts-to-visit.md">Today's Accounts to Visit</a></td></tr><tr><td><strong>User Activity Report</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fgit-blob-11c2d9b51228e5377cc7b6b181b04f422b473dd4%2FDesign%20sans%20titre%20(52).png?alt=media">Design sans titre (52).png</a></td><td><a href="/flow/tutorials/projects/user-activity-report.md">User Activity Report</a></td></tr></tbody></table>

## User Experience & Interface Improvements

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Building Left-Side Vertical Navigation</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fgit-blob-2c57a416c0aeec9d384153d3c2cb387bc5c0f24e%2FDesign%20sans%20titre%20(24).png?alt=media">Design sans titre (24).png</a></td><td><a href="/flow/tutorials/projects/left-side-vertical-navigation.md">Left-Side Vertical Navigation</a></td></tr><tr><td><strong>Building a Reactive Metrics Dashboard with the Data Table</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fgit-blob-3c4f5cbec386bda46724fbd005a46afa6a98511c%2FDesign%20sans%20titre%20(50).png?alt=media">Design sans titre (50).png</a></td><td><a href="/flow/tutorials/reactive-query-tutorials/building-a-dynamic-metrics-dashboard-with-the-data-table.md">Building a Dynamic Metrics Dashboard with the Data Table</a></td></tr></tbody></table>

## Mapping Solutions

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Create a Clickable Map with Details information</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fgit-blob-7e705dfcd48525a3d57492a48f7cad184ffe9fc9%2FDesign%20sans%20titre%20(46).png?alt=media">Design sans titre (46).png</a></td><td><a href="/flow/tutorials/projects/create-a-clickable-map-with-details-information.md">Create a Clickable Map with Details information</a></td></tr><tr><td><strong>Building a dynamic map component</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fgit-blob-92653ab076c7f7cf4a52528f4cc1fa79817d0e4e%2FDesign%20sans%20titre%20(45).png?alt=media">Design sans titre (45).png</a></td><td><a href="/flow/tutorials/projects/building-a-dynamic-map.md">Building a Dynamic Map</a></td></tr></tbody></table>

## Specific Industry

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Extra Baggage Selection</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fgit-blob-56f7a2d5f884f1c12608efe4c08fa6e95cccb6c1%2FDesign%20sans%20titre%20(21).png?alt=media">Design sans titre (21).png</a></td><td><a href="/flow/tutorials/projects/extra-baggage-selection-using-reactive-components.md">Extra Baggage Selection using Reactive Components</a></td></tr><tr><td><strong>Loans summary on a record page</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fgit-blob-aad3155d909e598ca704a2c3bddb76094bffb502%2FDesign%20sans%20titre%20(23).png?alt=media">Design sans titre (23).png</a></td><td><a href="/flow/tutorials/projects/loan-summary.md">Loan Summary</a></td></tr></tbody></table>

## General Utility & Functionality

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Creating Barcodes</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fgit-blob-ac5c9fb17b2ee80decc6ac0447f788de056cbd99%2FDesign%20sans%20titre%20(25).png?alt=media">Design sans titre (25).png</a></td><td><a href="/flow/tutorials/projects/generating-and-displaying-barcodes-for-product-codes.md">Generating and Displaying Barcodes for Product Codes</a></td></tr><tr><td><strong>Video Playlist</strong></td><td></td><td></td><td><a href="https://27923732-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1FUd4apB9YHgCEMUFbVb%2Fuploads%2Fgit-blob-fe1c058b79b5efe34c984f0d4a53770d6795b80a%2FDesign%20sans%20titre%20(15).png?alt=media">Design sans titre (15).png</a></td><td><a href="/flow/tutorials/projects/video-playlist-component.md">Video Playlist Component</a></td></tr></tbody></table>


---

# 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://docs.avonnicomponents.com/flow/tutorials/projects.md?ask=<question>&goal=<endgoal>
```

`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.
