# Expedition journal: Write and share your adventures

This app shows a list of expeditions from an expedition team and a journal feed that tracks their journey. Here is how you can create it yourself.

{% embed url="<https://dl.airtable.com/.attachments/1fad6183eb9b2bd3f08687a873e46b80/5168d993/expedition-bravo.mp4>" %}

## :sparkles:Features

* [Lottie animation](https://docs.bravostudio.app/bravo-tags/components/component-lottie) as header
* Autoplay video as header background
* List & detail of expeditions from an Airtable spreadsheet
* Interactive Google Street Views
* Send journal entries via a Typeform
* List of journal entries from Airtable spreadsheet

## Resources

### :point\_right:**Design file: Figma**

Duplicate this Figma file into your account and import it into Bravo directly!

**Includes**

* Containers setup
* Bravo Tags in layer names
* Prototype links for navigation

{% embed url="<https://www.figma.com/community/file/1022541708893076578/Bravo-Sample%3A-Expedition-journal>" %}

###

### :point\_right:**Data source: Airtable**

Open the Airtable and click `Copy Base` to duplicate to your account.

**Includes**

* One table for the list of Expeditions
* One table for the list of journal entries

{% embed url="<https://airtable.com/shrg1zsgptawMTYNW>" %}

### :point\_right:**User input channel: Typeform**

This is the Typeform we embedded in the app to allow users to create journal entries to the Airtable. Connect it to your copy of the Airtable under the tab `Connect`

{% embed url="<https://codelesslabs.typeform.com/to/pJ4Q88>" %}

![](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2Fdocs%2F-MhXa4p2wfy8KiL8e35K%2F-MhXaUcrW4O8UW7HuG2l%2FScreenshot_2020-05-20_at_10.11.18.png?generation=1629446863943743\&alt=media)

{% hint style="success" %}
Even though we'll use Airtable here as our data source, you can use any other third-party tool you wish to store the data.
{% endhint %}

## :construction\_site: How to build it

Watch our webinar that takes you through building the Expedition app step-by-step 🙌

{% embed url="<https://www.youtube.com/watch?v=sk-ZniZiGAk&t=187s>" %}

Happy Bravorizing! 🎉