# 🎨 WDC #23 Weekend Design Challenge: Collector's Edition

**URL:** <https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181>\
**Category:** Teachers' Lounge\
**Tags:** wdc\
**Created:** [September 22, 2021, 2:45pm UTC](https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181 "2021-09-22T14:45:14Z")\
**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:** [September 22, 2021, 2:45pm UTC](https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181/1 "2021-09-22T14:45:14Z")

</div>

Collectibles are **big** business, with a global market place estimated to be about $370 bn. Whether it’s Toys or time pieces, cars or coins, lots of folks simply like collecting things!

 ![collectibles_graphic](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/8/38fd84d878e90f222cb662a145a3d37933c010fd.png)

###### Image Source: [HobbyDB](https://blog.hobbydb.com/2016/04/16/how-big-are-the-collectible-markets/)

There comes a point for any collector though when managing their collection becomes a job in itself. That’s what we’re focusing on for the #wdc this weekend. Our challenge is to build an app that let’s collectors keep track of their collections!

## Books

We’ve seen a couple of great #wdc entries already this year that involve books or reading and this challenge is very much inspired by the work that @codeswept has done on [Bookestion](https://community.thunkable.com/t/wdc-8-can-you-re-create-victorias-quote-gallery-using-google-sheets/1189068/21) and [BookARead](https://community.thunkable.com/t/wdc-18-show-thunkable-2/1339697/14) so I would highly recommend checking those out.

### Spindle

There’s tons of great inspiration over on dribbble, for example this shot by [Diana Gabor](https://dribbble.com/shots/15164154-Online-Digital-Library-Mobile) uses 3 colours and puts information like publication date and page count front and centre:

 ![spindle](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/e/ae1b993ebfc39823587970ec790e4df8d8ee9716.jpeg)

### Barcode Scanner

This animation from [Zakir](https://dribbble.com/shots/9246848-Scan-and-Pay-interaction-animation) shows how a barcode scanner can be used to get details about a book

### Ex Libris

For this challenge we’re even providing you with a starter template called [Ex Libris](https://x.thunkable.com/copy/e6510e84b09fbcc24330d9158573c444) which you can use if you like.

The main feature here is not the design (I’m leaving that part up to you!) but the ability to scan a barcode from a book, send that to the [Open Library API](https://openlibrary.org/dev/docs/api/books) and return lots of interesting details about that book.

 ![Screenshot 2021-09-22 at 15.43.00](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/7/978fa30d36b4ac42b0303bc7019f82b1b20adc56.png)

As always, really excited to see where the curiosity and creativity of the Community takes us,

Best of luck!

---

<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:** [September 22, 2021, 2:45pm UTC](https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181/2 "2021-09-22T14:45:27Z")

</div>

## Summary of Entries

---

<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:** [September 22, 2021, 2:45pm UTC](https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181/3 "2021-09-22T14:45:35Z")

</div>

Pinned globally on September 22, 2021, 2:45pm UTC



---

<div class="post-metadata">

**Author:** ![rishabh\_2008](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_2008/32/112230_2.png) [@rishabh\_2008](https://community.thunkable.com/u/rishabh_2008)\
**Post date:** [September 22, 2021, 4:05pm UTC](https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181/4 "2021-09-22T16:05:57Z")

</div>

Thank u @domhnallohanlon for creating the #23 WDC

---

<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:** [September 22, 2021, 8:31pm UTC](https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181/5 "2021-09-22T20:31:04Z")

</div>

No problem @rishabh_2008 - let me know if there are any questions about the challenge!

---

<div class="post-metadata">

**Author:** ![rishabh\_2008](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_2008/32/112230_2.png) [@rishabh\_2008](https://community.thunkable.com/u/rishabh_2008)\
**Post date:** [September 23, 2021, 3:58am UTC](https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181/6 "2021-09-23T03:58:28Z")

</div>

Yeah I didn’t understand the project ,we have to use barcode scanner ?

---

<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:** [September 23, 2021, 7:20am UTC](https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181/7 "2021-09-23T07:20:24Z")

</div>

@rishabh_2008 - the theme for the week is to design something for a collector, so it can be any sort of app for managing or curating a collection. You get to decide what components you want to use!

A barcode scanner probably isn’t much use if it’s for someone collecting cars or stamps (you can just use manual data entry I suppose?) but if you want to pull data in quickly for something like a book or record collection then the barcode scanner is a great way to do this so I’ve provided an example to show one way of getting started with it.

Hope that helps!

---

<div class="post-metadata">

**Author:** ![rishabh\_2008](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_2008/32/112230_2.png) [@rishabh\_2008](https://community.thunkable.com/u/rishabh_2008)\
**Post date:** [September 23, 2021, 8:00am UTC](https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181/8 "2021-09-23T08:00:06Z")

</div>

Thank you got it 😃

---

<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:** [September 24, 2021, 9:58am UTC](https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181/9 "2021-09-24T09:58:50Z")

</div>

> [@domhnallohanlon](#):
>
> For this challenge we’re even providing you with a starter template called [Ex Libris](https://x.thunkable.com/copy/e6510e84b09fbcc24330d9158573c444) which you can use if you like.

Wow - very excited to see that the sample app has been remixed [over 100 times](https://x.thunkable.com/projectPage/609e85aca8c07a0012f56d7c) in the past 2 days - if anyone has any questions about using the open library API (or any other aspects of this challenge!) let us know here.

 ![Screenshot 2021-09-24 at 10.56.43](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/7/373017e466d0cbac8e6d3d1d14b180379eab04bf.png)

---

<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:** [September 24, 2021, 10:22am UTC](https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181/10 "2021-09-24T10:22:22Z")

</div>

So honoured to see my apps used as inspiration for this challenge 🤩  
This seems like a very interesting challenge and I’m working on something for it!

---

<div class="post-metadata">

**Author:** ![rishabh\_2008](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_2008/32/112230_2.png) [@rishabh\_2008](https://community.thunkable.com/u/rishabh_2008)\
**Post date:** [September 24, 2021, 11:03am UTC](https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181/13 "2021-09-24T11:03:23Z")

</div>

I wanna know that how do u get Web api block ?

Got it , sorry !

> [@domhnallohanlon](#):
>
> if anyone has any questions about using the open library API (or any other aspects of this challenge!) let us know here.

Can u tell how to put the api key and URL in this DND UI

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/a/0a6ae819422e23889a0de9f4d4f490458b09d057.png)

---

<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:** [September 24, 2021, 11:13am UTC](https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181/14 "2021-09-24T11:13:54Z")

</div>

> [@codeswept](#):
>
> I’m working on something for it!

Awesome!

* * *

> [@rishabh\_2008](#):
>
> how do u get Web api block

Good question - here are the [docs](https://docs.thunkable.com/v/drag-and-drop/web-api) in case anyone is looking for them.

* * *

> [@rishabh\_2008](#):
>
> Can u tell how to put the api key and URL

The API I’ve linked to doesn’t require authentication, you just pass it the ISBN (barcode) from the book and it gives you back the details. Are you using a different API? Have you studied the [Ex Libris](https://x.thunkable.com/copy/e6510e84b09fbcc24330d9158573c444) sample app?

---

<div class="post-metadata">

**Author:** ![rishabh\_2008](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_2008/32/112230_2.png) [@rishabh\_2008](https://community.thunkable.com/u/rishabh_2008)\
**Post date:** [September 24, 2021, 11:17am UTC](https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181/15 "2021-09-24T11:17:03Z")

</div>

Yes I studied the app ! It is very good , Awesome ! But just want to know when you were making app ,have you put the URL in it or not Just have this question

> [@domhnallohanlon](#):
>
> Have you studied the [Ex Libris](https://x.thunkable.com/copy/e6510e84b09fbcc24330d9158573c444) sample app?

Please tell !!!

I have made the project of #wdc 23 but only 1 screen is left of bar code Which i need help from any other people

---

<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:** [September 24, 2021, 2:32pm UTC](https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181/16 "2021-09-24T14:32:27Z")

</div>

If you need help, search the forums first as well as the [documentation](https://docs.thunkable.com/barcode-scanner). If you still can’t figure it out, create a new topic and provide details including screenshots or a link to your project. Explain what you’ve tried and what does/does not work.

On the scrScan screen of the Ex Libris project, you can see the url used for the API

---

<div class="post-metadata">

**Author:** ![rishabh\_2008](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_2008/32/112230_2.png) [@rishabh\_2008](https://community.thunkable.com/u/rishabh_2008)\
**Post date:** [September 24, 2021, 4:28pm UTC](https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181/18 "2021-09-24T16:28:07Z")

</div>

Okay got it thank u

My app  
~Features  
• It has a feature that u can upload Pdf…By using AIRTABLE of 2GB storage  
• It can scan Bar code of the Books  
• It has Web viewer to see community

[NO SOUND]

[![]( " - YouTube") ](https://www.youtube.com/watch?v=XZ36DAi9oCc)

Thank you  
[https://x.thunkable.com/copy/d5a84adffd7ea3bff59cffc1153393e2](https://x.thunkable.com/copy/d5a84adffd7ea3bff59cffc1153393e2)  
Project link

---

<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:** [September 24, 2021, 9:21pm UTC](https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181/19 "2021-09-24T21:21:08Z")

</div>

Thanks for sharing this @rishabh_2008, and for taking the time to make the video too!

I like what you’ve done with the design, does your app have a name?

---

<div class="post-metadata">

**Author:** ![rishabh\_2008](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_2008/32/112230_2.png) [@rishabh\_2008](https://community.thunkable.com/u/rishabh_2008)\
**Post date:** [September 25, 2021, 2:38am UTC](https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181/20 "2021-09-25T02:38:53Z")

</div>

> [@domhnallohanlon](#):
>
> Thanks for sharing this @rishabh_2008, and for taking the time to make the video too!

Thank you so much

> [@domhnallohanlon](#):
>
> does your app have a name?

Yes it has it name is Librarylux I just forgot to put the name  
I have made My app in DND UI  
No more Projects ??

---

<div class="post-metadata">

**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\
**Post date:** [September 25, 2021, 1:26pm UTC](https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181/21 "2021-09-25T13:26:22Z")

</div>

so just an question this is a UI challenge right??

---

<div class="post-metadata">

**Author:** ![rishabh\_2008](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_2008/32/112230_2.png) [@rishabh\_2008](https://community.thunkable.com/u/rishabh_2008)\
**Post date:** [September 26, 2021, 6:46am UTC](https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181/22 "2021-09-26T06:46:28Z")

</div>

> [@domhnallohanlon](#):
>
> The main feature here is not the design (I’m leaving that part up to you!) but the ability to scan a barcode from a book, send that to the [Open Library API](https://openlibrary.org/dev/docs/api/books) and return lots of interesting details about that book.

Just read this @eko.devs.apploroceo

---

<div class="post-metadata">

**Author:** ![vishruth-ram](https://avatars.discourse-cdn.com/v4/letter/v/82dd89/32.png) [@vishruth-ram](https://community.thunkable.com/u/vishruth-ram)\
**Post date:** [September 26, 2021, 8:57am UTC](https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181/23 "2021-09-26T08:57:31Z")

</div>

ok now, it’s projects show time. first mine! shows up now  
📹

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/9/e90466eeae7790e26f3f20c66d10711f8e20dadc.png)  
[https://x.thunkable.com/copy/26d8f5d813cac7a2e38666bebeb6b09e](https://x.thunkable.com/copy/26d8f5d813cac7a2e38666bebeb6b09e)

here you go

[Next page](https://community.thunkable.com/t/wdc-23-weekend-design-challenge-collectors-edition/1520181.md?page=2)
