# šŸŽØ WDC #19 Can you rebuild the "Out of Milk" app? **URL:** \ **Category:** Teachers' Lounge\ **Tags:** wdc\ **Created:** [July 2, 2021, 6:07pm UTC](https://community.thunkable.com/t/wdc-19-can-you-rebuild-the-out-of-milk-app/1375874 "2021-07-02T18:07:03Z")\ **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 2, 2021, 6:07pm UTC](https://community.thunkable.com/t/wdc-19-can-you-rebuild-the-out-of-milk-app/1375874/1 "2021-07-02T18:07:03Z")
#wdc is a [democracy now](https://community.thunkable.com/t/wdc-yes-please/1372072/2) šŸŽ‰ Thanks for casting your votes for the topic for this weekends challenge - it ended in a tie, so Iā€™m going to use my vote to tip the scales for the grocery list app. Let us know in the comments below if you want to try another community vote for the next one. ## Grocery List App I think one of the oldest and best know apps in this space is [Out of Milk](https://www.outofmilk.com/) ![Screenshot 2021-07-02 at 18.34.53](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/6/b6ca6be6fd9c5225157fc8ddc5f440b1ac1d29de.jpeg) You can keep track of what you have at home, what you need to buy or you can just use it as a good old fashioned to-do list app. ## The Challenge Create an app that allows users to add items to a grocery list and then tick those items off. Thatā€™s it - you could theoretically complete this challenge with a listview, a text input and a button (and obviously spend a bit of time crafting a really nice UI too!) For some optional extras read on: You can layer on complexity and additional functionality here by having shared lists for family or room-mates, or you might want a saved list of frequently bought items. For longer lists you might want search functionality or you could add support for recipes by bulk-adding all the ingredients to the list with a single click. The are plenty of other ideas that you could add too - if you have any, please leave them in the comments or if you have a favourite list making app let us know what it is and what are the features that keep you using it. ### Good luck! ---
**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 2, 2021, 6:07pm UTC](https://community.thunkable.com/t/wdc-19-can-you-rebuild-the-out-of-milk-app/1375874/2 "2021-07-02T18:07:16Z")
## Summary of entries ### ToDo List App by @muneer > **[Thunkable](https://x.thunkable.com/projectPage/60e0b592fa97f80011cc89e9)** ![Screenshot 2021-07-09 at 18.59.55](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/7/87afbacc0c0fd301195eb51837c364eb9a6d1aa4.png) ### Whatā€™s Needed by @tatiang [https://thunkable.site/web-build/index.html?webAppId=964OxaqDl](https://thunkable.site/web-build/index.html?webAppId=964OxaqDl) ![Screenshot 2021-07-09 at 19.02.43](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/b/abdabc239cc4ef70f15d79a33c13f80d3f233ecc.png) ### Practice Liszt by @codeswept > **[Thunkable](https://x.thunkable.com/projectPage/60e000bbaa6f750012a5394c)** ![Screenshot 2021-07-09 at 19.04.11](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/d/bd5606e9bd2e02a690d6e0d074e3e52f20a4520e.png) ### Listing Master by @overturner [https://thunkable.site/web-build/index.html?webAppId=HakUxLi4S&from=x](https://thunkable.site/web-build/index.html?webAppId=HakUxLi4S&from=x) ![Screenshot 2021-07-09 at 19.08.45](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/8/785d33937c5addd37d3c0f017ef6a9f6fb3d7995.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 3, 2021, 1:21am UTC](https://community.thunkable.com/t/wdc-19-can-you-rebuild-the-out-of-milk-app/1375874/3 "2021-07-03T01:21:57Z")
I use [AnyList](https://apps.apple.com/us/app/anylist-grocery-shopping-list/id522167641) for iOS. It has a clean interface and shared grocery lists so my wife and I can shop separately and our lists will always be in sync. I probably only use 25% of the features. Iā€™ve never imported recipes (although that would be cool) or used the meal planner, for example. ---
**Author:** ![sohan.s](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/sohan.s/32/99887_2.png) [@sohan.s](https://community.thunkable.com/u/sohan.s)\ **Post date:** [July 3, 2021, 3:14am UTC](https://community.thunkable.com/t/wdc-19-can-you-rebuild-the-out-of-milk-app/1375874/4 "2021-07-03T03:14:31Z")
> [@domhnallohanlon](#): > > #wdc is a [democracy now](https://community.thunkable.com/t/wdc-yes-please/1372072/2) šŸŽ‰ Well some things always change ---
**Author:** ![rishabh\_jain](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_jain/32/125953_2.png) [@rishabh\_jain](https://community.thunkable.com/u/rishabh_jain)\ **Post date:** [July 3, 2021, 3:19pm UTC](https://community.thunkable.com/t/wdc-19-can-you-rebuild-the-out-of-milk-app/1375874/6 "2021-07-03T15:19:53Z")
Hey , If weā€™ll participate in this #WDC 19 So we have to submit our project by tomorrow ?? ---
**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 3, 2021, 8:00pm UTC](https://community.thunkable.com/t/wdc-19-can-you-rebuild-the-out-of-milk-app/1375874/7 "2021-07-03T20:00:53Z")
OK, I decided to make a very simple app that fulfils the basic functions - You can add to the list - The system will check if already exists - You can mark it as done - You can remove from the list Check [ToDo List app](https://x.thunkable.com/projectPage/60e0b592fa97f80011cc89e9) I thought it would be better to consume my thoughts in this instead of the new **pricing** of Thunkable. ---
**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 3, 2021, 10:33pm UTC](https://community.thunkable.com/t/wdc-19-can-you-rebuild-the-out-of-milk-app/1375874/8 "2021-07-03T22:33:31Z")
Well, darn. I like to use the drag & drop interface for WDC but Iā€™m realizing I need a custom data viewer list so I wonā€™t be able to. Gonna go re-make the app I started. ---
**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 4, 2021, 4:03am UTC](https://community.thunkable.com/t/wdc-19-can-you-rebuild-the-out-of-milk-app/1375874/9 "2021-07-04T04:03:23Z")
Nice one @muneer ! ---
**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 4, 2021, 4:04am UTC](https://community.thunkable.com/t/wdc-19-can-you-rebuild-the-out-of-milk-app/1375874/10 "2021-07-04T04:04:12Z")
Couldnā€™t you make the dvl in the legacy interface and use it in dnd? ---
**Author:** ![tobi](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tobi/32/70526_2.png) [@tobi](https://community.thunkable.com/u/tobi)\ **Post date:** [July 4, 2021, 5:11am UTC](https://community.thunkable.com/t/wdc-19-can-you-rebuild-the-out-of-milk-app/1375874/11 "2021-07-04T05:11:09Z")
Maybe My app does same thing: > > > A perfect planner! for planning anything To-Do... It is not specifically designed for grocery but its a to do list. So, I think it can be used for this purpose. šŸ˜„ šŸ˜„ ---
**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 4, 2021, 8:17am UTC](https://community.thunkable.com/t/wdc-19-can-you-rebuild-the-out-of-milk-app/1375874/12 "2021-07-04T08:17:39Z")
> [@codeswept](#): > > Couldnā€™t you make the dvl in the legacy interface and use it in dnd? Correct! (Was just about to suggest the same thing!) ---
**Author:** ![rishabh\_jain](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_jain/32/125953_2.png) [@rishabh\_jain](https://community.thunkable.com/u/rishabh_jain)\ **Post date:** [July 4, 2021, 10:14am UTC](https://community.thunkable.com/t/wdc-19-can-you-rebuild-the-out-of-milk-app/1375874/14 "2021-07-04T10:14:05Z")
Thatā€™s great Sir @muneer What is the meaning of DND ---
**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 4, 2021, 10:17am UTC](https://community.thunkable.com/t/wdc-19-can-you-rebuild-the-out-of-milk-app/1375874/15 "2021-07-04T10:17:34Z")
DnD = Drag and Drop which is the new UI. ---
**Author:** ![rishabh\_jain](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_jain/32/125953_2.png) [@rishabh\_jain](https://community.thunkable.com/u/rishabh_jain)\ **Post date:** [July 4, 2021, 10:18am UTC](https://community.thunkable.com/t/wdc-19-can-you-rebuild-the-out-of-milk-app/1375874/16 "2021-07-04T10:18:23Z")
Ok Thank You Sir ---
**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 4, 2021, 3:23pm UTC](https://community.thunkable.com/t/wdc-19-can-you-rebuild-the-out-of-milk-app/1375874/17 "2021-07-04T15:23:23Z")
## Whatā€™s Needed ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/1/a12a25074299dd9435d8223dd97f54025f7cc17a.png) This is my attempt to re-create the [AnyList](https://apps.apple.com/us/app/anylist-grocery-shopping-list/id522167641) app. **Features:** - Add new item & category - Items are sorted by category - New items without a category are added to an ā€œOtherā€ category - Double-click to remove an item (item blinks 3 times; not shown in video below) **Known Issues:** - If you delete the last item from a category, it doesnā€™t remove the category **Blocks used:** - 114 **Special components used:** - Data Viewer List - Custom Data Viewer Layout **Try it yourself:** > **[thunkablecompanion](https://thunkable.site/w/964OxaqDl)** **Demo (no sound):** [![](https://i.ytimg.com/vi/OJAKTEL3GCI/hqdefault.jpg "What's Needed Demo") ](https://www.youtube.com/watch?v=OJAKTEL3GCI) **Features Iā€™d like to add:** - Select existing category from drop-down menu - Edit existing item name and category - When deleting last item from a category, category should auto-delete - Save data to Firebase - Share list with another user - Create multiple named lists ---
**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 4, 2021, 3:46pm UTC](https://community.thunkable.com/t/wdc-19-can-you-rebuild-the-out-of-milk-app/1375874/18 "2021-07-04T15:46:01Z")
@tatiang This is a wonderful app! I like that it adds foods under OTHER even when they donā€™t have any specified category. It works amazing, but I found a bug: I added Tomatoes under the category Vegetables. When I clicked thrice on the purple band reading Vegetables, I expected it to delete everything under vegetables as I was deleting a category. Instead, it deleted just the band and shifted Tomatoes to the previous category (desserts). But other than that it works perfectly, and I absolutely love it. It would come in very handy for someone as forgetful as me šŸ˜… ---
**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 4, 2021, 3:55pm UTC](https://community.thunkable.com/t/wdc-19-can-you-rebuild-the-out-of-milk-app/1375874/19 "2021-07-04T15:55:02Z")
Thank you! I rushed a bit to postā€¦ didnā€™t really test everything so thank you for finding that issue. The tricky thing is that I wanted the category titles to show up in the list so I made them Data Viewer List (DVL) items. So they act the same as other items in that you can delete them. You really shouldnā€™t be able to although your idea of deleting an entire category and its items isnā€™t something Iā€™d thought of. ---
**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 4, 2021, 4:00pm UTC](https://community.thunkable.com/t/wdc-19-can-you-rebuild-the-out-of-milk-app/1375874/20 "2021-07-04T16:00:46Z")
Iā€™ve updated the web app to prevent deletion of categories. Although, if you delete the last item from a category, it allows you to delete the category after that (which should be automaticā€¦ still need to add that). ---
**Author:** ![rishabh\_jain](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/rishabh_jain/32/125953_2.png) [@rishabh\_jain](https://community.thunkable.com/u/rishabh_jain)\ **Post date:** [July 4, 2021, 4:19pm UTC](https://community.thunkable.com/t/wdc-19-can-you-rebuild-the-out-of-milk-app/1375874/21 "2021-07-04T16:19:43Z")
Hello Sir @tatiang You always make best apps !! ---
**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 4, 2021, 4:55pm UTC](https://community.thunkable.com/t/wdc-19-can-you-rebuild-the-out-of-milk-app/1375874/22 "2021-07-04T16:55:23Z")
Thank you! I appreciate it. [Next page](https://community.thunkable.com/t/wdc-19-can-you-rebuild-the-out-of-milk-app/1375874.md?page=2)