> For the complete documentation index, see [llms.txt](https://learn.mondayhero.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learn.mondayhero.io/step-by-step-tutorials/travel-app-tutorial-design-to-ios-code.md).

# Travel App

Build and run the Travel App in both iOS & Android. The source code and designs are available in Sketch and Adobe XD, also free to use.

## Travel App Tutorial iOS code and Sketch/Adobe XD design included.

In this tutorial, a travel app that's shown below will be created with Monday Hero App.

![Travel app pages, supported for both iOS and Android.](https://479678609-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MEfkN8oSQyQ4BaBzwxH%2F-MIT8ZubYubvi04MoG9K%2F-MITAxeqrjtnqYX6d2sM%2Fpreview.png?alt=media\&token=4dbd5158-43f7-4707-bd91-65e981eb3328)

In this app, users can share the pictures that they take, have a timeline and profile page like Instagram. Depending on your experience and the drafts that you have, building an app UI like this one, **takes hours to days**. We will build this app from scratch, with no codebase. With this tutorial, you can do it **less than half an hour**. This tutorial is published on Monday Hero blog, you can reach the link below. 

{% embed url="<https://mondayhero.io/blog/post/showcase-1-building-an-instagram-like-travel-app-ios-tutorial>" %}
Code Travel App with Swift&#x20;
{% endembed %}

If you are a new user of Monday Hero, [click here for getting started with the installation.](/getting-started/install-app-and-plugin.md) You can read information from the sign up to create the first project.&#x20;