# 🎨 WDC #9 Can you re-create Shailesh's Memory Game App?

**URL:** <https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030>\
**Category:** Teachers' Lounge\
**Tags:** wdc\
**Created:** [April 1, 2021, 4:40pm UTC](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030 "2021-04-01T16:40:31Z")\
**Posts on this page:** 20\
**Page:** 2

<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:** [April 2, 2021, 3:25pm UTC](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030/28 "2021-04-02T15:25:20Z")

</div>

Great … eventually this time I made the ui just like the one in the games… oops forgot to show my wrk … no worries I will show it by tomorrow… also I am thinking to make 9 levels as o20 lvls will take a lot of time

---

<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 2, 2021, 4:07pm UTC](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030/29 "2021-04-02T16:07:34Z")

</div>

Wow! Other way round with me… nearly done with the code but haven’t touched the UI😂

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [April 2, 2021, 4:13pm UTC](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030/30 "2021-04-02T16:13:31Z")

</div>

Then you’ve done the hard part! 🙂 I was just goofing off for a couple minutes before getting sucked into dayjob.

---

<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 2, 2021, 11:29pm UTC](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030/31 "2021-04-02T23:29:43Z")

</div>

Here’s a very simple mock up of the original UI.

[https://x.thunkable.com/projectPage/606749b9ac2c0c00121ba921](https://x.thunkable.com/projectPage/606749b9ac2c0c00121ba921)

Feel free to remix it if you want, just be advised though that basically none of the logic is done yet so you’ll to figure that part out for yourself!

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [April 3, 2021, 12:51am UTC](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030/32 "2021-04-03T00:51:52Z")

</div>

Here’s a preview with logic and card-flipping (but no win conditions yet or UI for difficulty selection, although the logic is coded):

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

---

<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 3, 2021, 2:13am UTC](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030/33 "2021-04-03T02:13:18Z")

</div>

Amazing! Adorable easter-themed UI!

---

<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:** [April 3, 2021, 5:11am UTC](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030/34 "2021-04-03T05:11:24Z")

</div>

heres my sneak peak of my project

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/3/3/33ee6ef9827971227cbb7872f89e58b3c2ef07f5.png)   
 ![Screenshot_2021-04-03-10-39-32-479_com.thunkable.live](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/d/2d2bf434d5198375a81a4de44b9dcfff25793f21.jpeg)  
well i have to make other lvls  
now  
and sneak peak of lvls… u can take any lvl but it depends on you how much smart you are…

---

<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 3, 2021, 8:46am UTC](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030/35 "2021-04-03T08:46:28Z")

</div>

> [@eko.devs.apploroceo](#):
>
> sneak peak of my project

This looks fantastic @eko.devs.apploroceo - looking forward to playing it!

* * *

> [@catsarisky](#):
>
> card-flipping

The card flipping effect you’ve used here works really well @catsarisky

I think it actually helped me remember where each card was!

 ![Screenshot_20210403-094728](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/8/e8f599a70342298197a84f42214517b7985e05d2.jpeg)

---

<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:** [April 3, 2021, 8:47am UTC](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030/36 "2021-04-03T08:47:51Z")

</div>

thanks a lot

---

<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:** [April 3, 2021, 6:20pm UTC](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030/37 "2021-04-03T18:20:29Z")

</div>

Hi thunkers, I am creating other lvls tho… finding it hard to make LVL 1… I am working on it really hard 😧 but no success … I have also added time limits tho and leme see if I can add some animations…  
I’m still working on that game till now 🙂 hope I win the competition tho

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [April 3, 2021, 6:53pm UTC](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030/38 "2021-04-03T18:53:09Z")

</div>

Where are you stuck? 🙂

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [April 4, 2021, 3:10am UTC](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030/39 "2021-04-04T03:10:51Z")

</div>

OK, I think I’m done. I added a high scores section, which I did in Firebase (although badly - I realized after some work that I should have used a different data structure), because creating rows elsewhere wasn’t working right.

[https://thunkable.site/w/HVOI7XgLG](https://thunkable.site/w/HVOI7XgLG) ← here’s the link!

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/c/ecd3c1767992a8a49c6935fd9de7a878def709e0.png)  
 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/0/d0256bdaf2cf9a1e22e7f4282da4a1c5272e6186.png)

Thanks, @domhnallohanlon for another fun WDC! What will we build next 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 4, 2021, 1:15pm UTC](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030/40 "2021-04-04T13:15:44Z")

</div>

Wow!  
I’ve also finally done it! My UI is terrible, but at least the logic works!  
[https://x.thunkable.com/projectPage/6066b6a60b543700119ae3e7](https://x.thunkable.com/projectPage/6066b6a60b543700119ae3e7)

Hardest app ever!  
Can’t wait for next weekend though.

---

<div class="post-metadata">

**Author:** ![codeemaker](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeemaker/32/101762_2.png) [@codeemaker](https://community.thunkable.com/u/codeemaker)\
**Post date:** [April 4, 2021, 1:32pm UTC](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030/41 "2021-04-04T13:32:10Z")

</div>

Well done @codeswept and @catsarisky  
Would you mind making a tutorial on this??

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [April 4, 2021, 2:05pm UTC](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030/42 "2021-04-04T14:05:45Z")

</div>

What sort of information would you want in the tutorial, @codeemaker ?

---

<div class="post-metadata">

**Author:** ![codeemaker](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeemaker/32/101762_2.png) [@codeemaker](https://community.thunkable.com/u/codeemaker)\
**Post date:** [April 4, 2021, 2:07pm UTC](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030/43 "2021-04-04T14:07:27Z")

</div>

How do you Make the image of a button get randomized and Not get repeated more than twice??

---

<div class="post-metadata">

**Author:** ![catsarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/catsarisky/32/100661_2.png) [@catsarisky](https://community.thunkable.com/u/catsarisky)\
**Post date:** [April 4, 2021, 2:14pm UTC](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030/44 "2021-04-04T14:14:42Z")

</div>

Oh, sure! I can answer that fairly easily. I made a list with two numbers for each tile (so if it was six tiles, I had 1, 1, 2, 2, 3, 3). That’s card\_list.

Then I shuffled it (shuffled\_list).  
(There’s also a kludge in there where I wanted to mash two lists together, so I converted to text and back.)

Then I made an object for each card, in which I take a number out of shuffled\_list and record what button (card) it goes with - the screenshot shows the first button - the remaining ones are done by cloning of the first one.

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/2/c212ac9d70eebd71b70898a08ae960ea2e8621e2.png)

---

<div class="post-metadata">

**Author:** ![codeemaker](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeemaker/32/101762_2.png) [@codeemaker](https://community.thunkable.com/u/codeemaker)\
**Post date:** [April 4, 2021, 2:17pm UTC](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030/45 "2021-04-04T14:17:32Z")

</div>

Thanks, I used 153 blocks to try to do this function(But I couldn’t) It is easier than I thought It would be

---

<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 4, 2021, 4:46pm UTC](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030/46 "2021-04-04T16:46:35Z")

</div>

Love that about programming! I can’t tell you how many times I’ve made something using a couple hundred blocks and then realized or learned later that I could have achieved the same thing dynamically with way fewer blocks.

I’m a bit more experienced now where I noticed if I’m doing something repetitive or with many, many blocks and I look for a more efficient way.

---

<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 4, 2021, 5:00pm UTC](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030/47 "2021-04-04T17:00:44Z")

</div>

I’m having lots of problems with lag while working on this project. The live test in browser and preview in browser often are one or two iterations behind the current blocks. It’s causing me to second-guess myself a lot.

I also lost about an hour’s work when the site didn’t save my project. Usually, there’s a message about the page being outdated before that ever happens but I didn’t notice it this time.

So… I have a working version but I’m putting the finishing touches on it tonight and will share it.

[Previous page](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030.md?page=1)

[Next page](https://community.thunkable.com/t/wdc-9-can-you-re-create-shaileshs-memory-game-app/1201030.md?page=3)
