# šŸŽØ WDC #22 Can you create an app for CafĆ© Thunkable? **URL:** \ **Category:** Teachers' Lounge\ **Tags:** wdc\ **Created:** [July 23, 2021, 12:10pm UTC](https://community.thunkable.com/t/wdc-22-can-you-create-an-app-for-cafe-thunkable/1410635 "2021-07-23T12:10:09Z")\ **Posts on this page:** 20\ **Page:** 1
**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:** [July 23, 2021, 12:10pm UTC](https://community.thunkable.com/t/wdc-22-can-you-create-an-app-for-cafe-thunkable/1410635/1 "2021-07-23T12:10:09Z")
## Welcome to ā˜• CafĆ© Thunkable! ![coffee-shop](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/a/aafa202fc46299ec2f4fe6abf0b8e3e86babc94f.jpeg) ###### Image credit: Stacy on [dribbble](https://dribbble.com/shots/14524549-Coffee-shop?utm_source=Clipboard_Shot&utm_campaign=stacy_v&utm_content=Coffee%20shop&utm_medium=Social_Share&utm_source=Clipboard_Shot&utm_campaign=stacy_v&utm_content=Coffee%20shop&utm_medium=Social_Share) Hi everyone, and welcome to CafĆ© Thunkable! Weā€™ve got a delicious range of hot and cold beverages for our customers to choose from and we need your help to design an app for them to simplify the ordering process here at our store. ## Requirements: - Customer education: We want our patrons to be able to learn a little bit about each drink in the app - Drinks Categories: Ideally, customers should be able to choose from Popular, Hot, Cold, and Favourity drinks - Add to Favourites: Customers should be able to save drinks to their favourites - Order Confirmation: The app should allow users to email their order directly to the store ### Resources: - [Coffee API](https://sampleapis.com/api-list/coffee) - [Coffee Images](https://unsplash.com/s/photos/coffee) - [Coffee Icons](https://icons8.com/icons/set/coffee) - [Stored Variables](https://docs.thunkable.com/variables#stored-variables) - [Send an Email](https://docs.thunkable.com/share#send-an-email) ---
**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:** [July 23, 2021, 1:31pm UTC](https://community.thunkable.com/t/wdc-22-can-you-create-an-app-for-cafe-thunkable/1410635/2 "2021-07-23T13:31:01Z")
## Summary of entries ---
**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:** [July 24, 2021, 2:33am UTC](https://community.thunkable.com/t/wdc-22-can-you-create-an-app-for-cafe-thunkable/1410635/4 "2021-07-24T02:33:34Z")
Hereā€™s a starter project for anyone that might need it. It shows how to parse the API JSON data and how to avoid the empty and ā€œnullā€ values in the JSON: [Project Link](https://x.thunkable.com/copy/c7880e639393e3cfee7eb59204521f07) (drag-and-drop interface) ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/c/0c11b673782425e3ea51ec364ca6135ce7bc01f5.png) ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/0/c0fa5bdfcda12e24c6e581f686b83c504c3882c9.png) ---
**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:** [July 24, 2021, 11:09pm UTC](https://community.thunkable.com/t/wdc-22-can-you-create-an-app-for-cafe-thunkable/1410635/5 "2021-07-24T23:09:08Z")
## Coffee Me This is a first draft of my app. I didnā€™t focus on the look of it so itā€™s sloppy but youā€™ll get an idea of the functionality from this video: [![](https://i.ytimg.com/vi/V81Uz9ui1WM/hqdefault.jpg "Coffee Me demo") ](https://www.youtube.com/watch?v=V81Uz9ui1WM) **Edit:** design updateā€¦ ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/7/3726b0550a4e5d48b2f8ef6d7793cce202fc7525.jpeg) ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/2/0259e777a1c35b8f8413f37a55bf124a87ad6e3a.jpeg) ---
**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:** [July 26, 2021, 5:29am UTC](https://community.thunkable.com/t/wdc-22-can-you-create-an-app-for-cafe-thunkable/1410635/6 "2021-07-26T05:29:47Z")
Hereā€™s the web app so far: [https://thunkable.site/w/ifLiiKGWs](https://thunkable.site/w/ifLiiKGWs) ---
**Author:** ![sketch](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sketch/32/109058_2.png) [@sketch](https://community.thunkable.com/u/sketch)\ **Post date:** [July 26, 2021, 5:27pm UTC](https://community.thunkable.com/t/wdc-22-can-you-create-an-app-for-cafe-thunkable/1410635/7 "2021-07-26T17:27:07Z")
Looks Great @tatiang! ---
**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:** [July 26, 2021, 6:24pm UTC](https://community.thunkable.com/t/wdc-22-can-you-create-an-app-for-cafe-thunkable/1410635/8 "2021-07-26T18:24:19Z")
Nice one ---
**Author:** ![manyone](https://avatars.discourse-cdn.com/v4/letter/m/ee59a6/32.png) [@manyone](https://community.thunkable.com/u/manyone)\ **Post date:** [July 26, 2021, 7:29pm UTC](https://community.thunkable.com/t/wdc-22-can-you-create-an-app-for-cafe-thunkable/1410635/9 "2021-07-26T19:29:27Z")
very nice! ---
**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\ **Post date:** [July 27, 2021, 4:53am UTC](https://community.thunkable.com/t/wdc-22-can-you-create-an-app-for-cafe-thunkable/1410635/10 "2021-07-27T04:53:48Z")
Hi everyone I have a question. I have taken coffee images from unsplash so is it necessary to give credit on every photo or can I give it in the credits page only ---
**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:** [July 27, 2021, 5:00am UTC](https://community.thunkable.com/t/wdc-22-can-you-create-an-app-for-cafe-thunkable/1410635/11 "2021-07-27T05:00:56Z")
The images on the Unsplash site have different attribution requirements. You have to read them for each image you use. You canā€™t just credit ā€œUnsplashā€ for all of the images you use. But you could have a credit page where you list each specific one. ---
**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\ **Post date:** [July 27, 2021, 5:04am UTC](https://community.thunkable.com/t/wdc-22-can-you-create-an-app-for-cafe-thunkable/1410635/12 "2021-07-27T05:04:51Z")
So Can i make a credit page where i credit all the images like this ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/a/3ab03ceae068265a14b47650e27c605c95f75913.png) ---
**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:** [July 27, 2021, 6:29am UTC](https://community.thunkable.com/t/wdc-22-can-you-create-an-app-for-cafe-thunkable/1410635/13 "2021-07-27T06:29:28Z")
I think that would be acceptable attribution. Iā€™m not a lawyer but it seems reasonable to me! ---
**Author:** ![overturner](https://avatars.discourse-cdn.com/v4/letter/o/53a042/32.png) [@overturner](https://community.thunkable.com/u/overturner)\ **Post date:** [July 27, 2021, 6:29am UTC](https://community.thunkable.com/t/wdc-22-can-you-create-an-app-for-cafe-thunkable/1410635/14 "2021-07-27T06:29:55Z")
Thanks šŸ˜€ ---
**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:** [July 27, 2021, 8:15am UTC](https://community.thunkable.com/t/wdc-22-can-you-create-an-app-for-cafe-thunkable/1410635/16 "2021-07-27T08:15:52Z")
![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/8/88e6af5372c229bb5b594842ceb84df8522d51bc.jpeg) Hi there Now I am also working I will take part In WDC#22 ---
**Author:** ![manyone](https://avatars.discourse-cdn.com/v4/letter/m/ee59a6/32.png) [@manyone](https://community.thunkable.com/u/manyone)\ **Post date:** [July 28, 2021, 7:26am UTC](https://community.thunkable.com/t/wdc-22-can-you-create-an-app-for-cafe-thunkable/1410635/17 "2021-07-28T07:26:26Z")
hereā€™s my version - itā€™s almost a button-per-button copy of @tatiangā€™s design (i canā€™t go wrong with duplicating a good design) with a few differences - my favorite list is also a list you can select from, just like hot drinks and cold drinks, and i havenā€™t implemented the order completion (mailing) yet so i just put up an alert panel in its place. pardon the simplicity - i donā€™t have a lot of experience in UI design. (the gif below is in a loop - sorry about that!) ![cafesimple](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/9/6/96e218cd5df6a3844d7724eed80c65840544f37e.gif) hereā€™s the link to the project [https://x.thunkable.com/copy/1501ae04c97f6d45a014bd8987cf045a](https://x.thunkable.com/copy/1501ae04c97f6d45a014bd8987cf045a) ---
**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:** [July 28, 2021, 7:40am UTC](https://community.thunkable.com/t/wdc-22-can-you-create-an-app-for-cafe-thunkable/1410635/18 "2021-07-28T07:40:58Z")
Awesome! Every time I look through your code, I feel that you have managed to master the art of variable-namingšŸ˜‚ Any tips for a noob at that? ---
**Author:** ![manyone](https://avatars.discourse-cdn.com/v4/letter/m/ee59a6/32.png) [@manyone](https://community.thunkable.com/u/manyone)\ **Post date:** [July 28, 2021, 7:49am UTC](https://community.thunkable.com/t/wdc-22-can-you-create-an-app-for-cafe-thunkable/1410635/19 "2021-07-28T07:49:22Z")
master of variable naming? on the contrary! i use too much abbreviations that donā€™t make sense! ---
**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:** [July 29, 2021, 5:51pm UTC](https://community.thunkable.com/t/wdc-22-can-you-create-an-app-for-cafe-thunkable/1410635/20 "2021-07-29T17:51:46Z")
well i am late and that is a lot coolā€¦ i think i can make clone ui of it ā€¦ time for me to sleep i will do it tommorow ---
**Author:** ![tanish-satpal](https://avatars.discourse-cdn.com/v4/letter/t/f14d63/32.png) [@tanish-satpal](https://community.thunkable.com/u/tanish-satpal)\ **Post date:** [August 2, 2021, 6:02am UTC](https://community.thunkable.com/t/wdc-22-can-you-create-an-app-for-cafe-thunkable/1410635/21 "2021-08-02T06:02:24Z")
Okay, I have two doubts. Once the order is placed through email, to which email will it go? And what is the phone number for check out? ![Screenshot 2021-08-02 161339](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/1/0115a6806158e37aaacb53d3a7e487849ec2eceb.png) ---
**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:** [August 2, 2021, 3:01pm UTC](https://community.thunkable.com/t/wdc-22-can-you-create-an-app-for-cafe-thunkable/1410635/22 "2021-08-02T15:01:04Z")
> [@tanish-satpal](#): > > Okay, I have two doubts. Once the order is placed through email, to which email will it go? And what is the phone number for check out? Thatā€™s up to you. I just used ā€œfillerā€ information such as 1-800-555-1234. If you wanted to share/publish the app and have users actually use it, youā€™d need to figure out where to have them email or text their orders. [Next page](https://community.thunkable.com/t/wdc-22-can-you-create-an-app-for-cafe-thunkable/1410635.md?page=2)