# 🌌 WDC #28: In an AirBnB Far, Far Away

**URL:** <https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753>\
**Category:** Teachers' Lounge\
**Tags:** wdc\
**Created:** [April 26, 2022, 3:34pm UTC](https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753 "2022-04-26T15:34:32Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [April 26, 2022, 3:34pm UTC](https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753/1 "2022-04-26T15:34:32Z")

</div>

![WDC_Star Wars](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/2/f2ed3aa4453e02bc52a8e77fbf308dc59b27cf20.jpeg)

With just over a week to go until May the 4th we’re pleased to announce out 28th Weekend Design Challenge…

## Create a Star Wars-themed AirBnB App

One really helpful resources we’ve found to help you get started with this is the [Star Wars API:](https://swapi.dev/)

> **[SWAPI - The Star Wars API](https://swapi.dev/)**

It has records for over 60 planets (as well as 80+ vehicles and starships if you want to take this in a vehicle sharing direction)

In terms of components, you could use a data viewer, or build everything with static components but the general idea that you create a directory of planets where users can book their next stay

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [April 28, 2022, 3:52pm UTC](https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753/2 "2022-04-28T15:52:37Z")

</div>

Listed on April 28, 2022, 3:52pm UTC



---

<div class="post-metadata">

**Author:** ![ioannisroungeris](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannisroungeris/32/109459_2.png) [@ioannisroungeris](https://community.thunkable.com/u/ioannisroungeris)\
**Post date:** [April 30, 2022, 11:26am UTC](https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753/3 "2022-04-30T11:26:08Z")

</div>

Hey  
That is a really good idea for an application.  
I will work on it at the weekend!

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [April 30, 2022, 11:43am UTC](https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753/4 "2022-04-30T11:43:54Z")

</div>

Somehow missed this post. This is an interesting direction to work in (themed apps) and I hope I can do this this week.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [April 30, 2022, 3:57pm UTC](https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753/5 "2022-04-30T15:57:52Z")

</div>

I missed it, too! Looking forward to thinking about this…

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [April 30, 2022, 4:42pm UTC](https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753/6 "2022-04-30T16:42:24Z")

</div>

Pinned globally on April 30, 2022, 4:42pm UTC



---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [April 30, 2022, 6:53pm UTC](https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753/7 "2022-04-30T18:53:45Z")

</div>

I can’t wait to see what anyone submits herre!!!

I’ve started laying out my designs!!!

 ![Screen Shot 2022-04-30 at 2.51.37 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/d/cd1eda257228fd3670cc1588332a069dd078a81c.jpeg)  
 ![Screen Shot 2022-04-30 at 2.51.43 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/1/617fe7d8e4c04730cca9f3c2b07e229252e1d636.jpeg)

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [April 30, 2022, 7:42pm UTC](https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753/8 "2022-04-30T19:42:51Z")

</div>

The inability of copying screens across projects really puts me off from using `Sign in` and `Register` screens. We have to code everything again and again.

It might be easy for you because you have a `Business Plan` access but practically, without such essential feature we are expected to **only** show the delivery/booking process but not to redesign the `New User / Returning User` again.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [April 30, 2022, 8:11pm UTC](https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753/9 "2022-04-30T20:11:12Z")

</div>

I made that fresh today ~ 45 min or less to think about and design, place all elements, plus find the images and font file from figma. Only the first screen and sign in screen is functional so far.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/4/24a4e2c797b56c093caa1f853dd9c70c24bf163f.jpeg)  
^^^clearly I need to rename that button too 😂

Some elements are designed in figma and imported as images to keep things easy!

It’s just a pretty start to a MVP is all! 🙂

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [April 30, 2022, 10:21pm UTC](https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753/10 "2022-04-30T22:21:38Z")

</div>

When I work with **FlutterFlow** this task takes hardly a minute or two because all I need is to select a ready made template. Not only design but with relevant code already available.

Anyway, I really wish Thunkable revise the idea of `Saved Screen` availability or at least provide the old MIT App Inventor `BackPack` to move snippets of code around projects.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [May 1, 2022, 3:11am UTC](https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753/11 "2022-05-01T03:11:38Z")

</div>

Any suggestions for how to deal with APIs that split the response into separate pages? That always annoys me. It looks like [https://swapi.dev/api/planets](https://swapi.dev/api/planets) will return about ten planets at a time.

I’ve thought about calling the API and getting each page and joining the responses into a single JSON text string and then just using that throughout my code but it seems like kind of a pain.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [May 1, 2022, 3:36am UTC](https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753/12 "2022-05-01T03:36:29Z")

</div>

😉

```auto
https://jared-gibb-project-123-default-rtdb.firebaseio.com/.json

```

Good idea @tatiang

I went ahead and did that for all of us! You can access the api data here OR call the actual api to get back paginated data.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [May 1, 2022, 4:21am UTC](https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753/13 "2022-05-01T04:21:22Z")

</div>

Awesome, thank you!

Oh and here’s a teaser for my app:

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/6/b6b83bb2322ba8379e8fde1651c08d127c98bfbf.jpeg)

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [May 1, 2022, 2:02pm UTC](https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753/14 "2022-05-01T14:02:27Z")

</div>

here’s another cool resource where you can grab some images from too!

my hint here is pay attention to the URL scheme of the image sources for any of the planets

[https://starwars-visualguide.com/#/planets?page=1](https://starwars-visualguide.com/#/planets?page=1)

---

<div class="post-metadata">

**Author:** ![rishabh\_jainsec.acc](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_jainsec.acc/32/125953_2.png) [@rishabh\_jainsec.acc](https://community.thunkable.com/u/rishabh_jainsec.acc)\
**Post date:** [May 1, 2022, 3:21pm UTC](https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753/15 "2022-05-01T15:21:20Z")

</div>

can anyone tell here what is the purpose of this app because i am not understanding the topic of WDC

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [May 1, 2022, 4:04pm UTC](https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753/16 "2022-05-01T16:04:41Z")

</div>

The purpose is to make an app similar to [airbnb](https://www.airbnb.com/). The app would let you search for and reserve a place to stay. And for fun, it’s Star Wars themed.

WDC in general is a way for the community to push themselves to try new components or design elements or ways of using Thunkable and third-party services such as APIs and cloud storage and to share those efforts and results with everyone.

---

<div class="post-metadata">

**Author:** ![ioannisroungeris](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannisroungeris/32/109459_2.png) [@ioannisroungeris](https://community.thunkable.com/u/ioannisroungeris)\
**Post date:** [May 2, 2022, 12:41am UTC](https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753/17 "2022-05-02T00:41:13Z")

</div>

Hello,

I’d like to introduce you my app for the challenge

 ![swairbnb1](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/6/865a7306da7e1c98f4990fea50f01d28ced971d5.png) ![swairbnb2](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/e/0e4c2ea039a913a0fc95f3bb59d9bebbf20061ac.png) ![swairbnb3](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/4/f4689a4ae3ba76c9dbe4eeafbb01a2ca74036724.png)

it is an easy-to-use app where you can search to find on which Star Wars planet you will spend your next vacation.

You can browse different planets through the list or search for your favorite one.

After you select one planet you can see some useful information about the Climate and the Residents and of course, select the day you prefer for the visit.

So what you are waiting for?

You can check the app here

> **[thunkablecompanion](https://thunkable.site/web-build/index.html?webAppId=d2tNn5Vnn)**
>
> Powered by Thunkable

For more information on how I have created this app, watch this YouTube video

[![](https://img.youtube.com/vi/HOFaoX0PMeI/maxresdefault.jpg "Star Wars AirBnB made for @Thunkable WDC #28 | Idea by @Domhnall O' Hanlon") ](https://www.youtube.com/watch?v=HOFaoX0PMeI)

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [May 2, 2022, 12:38pm UTC](https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753/18 "2022-05-02T12:38:41Z")

</div>

Nice entry @ioannisroungeris ! Thanks for taking the time to enter this one in for us!

I can’t wait to see what anybody else puts together!

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [May 3, 2022, 4:51am UTC](https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753/19 "2022-05-03T04:51:27Z")

</div>

## Spacebnb

 ![IMG_4333.PNG](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/7/e7ac027b7faeb7d84ad9472b614eef0f005778cb.jpeg) ![IMG_4330.PNG](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/e/9e688fe737c560c3282dcd9444ca1f866cbdb07b.jpeg)  
 ![IMG_4331.PNG](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/9/89e74f09105b34c7aa2165d3645c45f053b27e1f.jpeg) ![IMG_4332.PNG](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/1/a1dfce644183a938c4c2aa2e855a06a9bc4a0529.jpeg)

**Features:**

- filtered planet search
- planet details including image and surface water (blue outline)
- date & guest selection
- native host name
- favorites list
- translated Mandalorian phrases

**Components:**

- API
- List Viewer
- Alert

**Project link:** [Thunkable](https://x.thunkable.com/copy/60aea8ca74b68c77a38bb5bead1567fd)

**Web App:** [thunkablecompanion](https://thunkable.site/w/y_NohhNF5) (planet images will not appear)

**Blocks:** 678

**Video demo:**

[![](https://img.youtube.com/vi/aKswzIyZVrM/maxresdefault.jpg "Spacebnb") ](https://www.youtube.com/watch?v=aKswzIyZVrM)

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [May 3, 2022, 6:02pm UTC](https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753/20 "2022-05-03T18:02:21Z")

</div>

awesome!!!

[Next page](https://community.thunkable.com/t/wdc-28-in-an-airbnb-far-far-away/1849753.md?page=2)
