How to Create a MOBILE APP in Thunkable: Calculator with Mario Brothers Skin and Sound Effect

How to Create a MOBILE APP in Thunkable: Calculator with Mario Brothers Skin and Sound Effect

"There's an app for that!" - Let's create your own MOBILE APP ๐Ÿ“ฑ! In this tutorial, we will show you how to start building a "Mario-themed Calculator" mobile app in less than 10 minutes. This calculator ๐Ÿงฎ is built with a screen with standard calculator buttons: digit 0 to 9, +/- (Plus/Negative), . (decimal point), arithmetic operators รท/ร—/-/+ (division/multiplication/minus/plus), and = (equal).

The calculator is special in a way that it is skinned with Mario-themed colors - red, blue, and yellow. Mario coin sound effect is added and used on button clicks. For demo purpose, only digit 1-3, plus, and equal buttons are wired up with logic.

I hope you like this Thunkable tutorial and enjoy building your own mobile app for iPhone or Android!

APP DEMO ๐ŸŽฌ
โ˜… Let's Preview! 05:02

โš™๏ธ Components used in this app:
โžค Screen
โžค Text Input
โžค Row
โžค Column
โžค Button
โžค Sound

Tips and Tricks:
โ–บ Add variables to store values such as the digit entered, the arithmetic operator entered, the last whole number, and the current whole number.
โ–บ Create functions to be reused in different events and functions.
โ–บ Use If-Else blocks to differentiate what to do with different arithmetic operators.
โ–บ Be sure to reset any values saved in variables when a calculation is considered complete.

READY TO BUILD MORE APPS?
๐Ÿ“ฑ Mobile App Development Tutorials:
https://www.youtube.com/playlist?list=PLYnuuwG097TzGSt51izu3SH6bDELM5FHw

For the setup, please read the followings before you begin:
1. Sign up in Thunkable: https://thunkable.com/
2. Start creating your new app.
3. As you build the app, you could:
a. Hit Preview or Live Test to preview your app on the web.
b. Download the Thunkable Live app on an iOS/Android device and preview your app there.
4. Finally, with your finished app, you could:
a. ๐Ÿ“ค Share the project with friends.
b. ๐Ÿ“ฅ Download it to your device.
c. ๐ŸŒŽ Publish it to App Store or Google Play.

๐Ÿ‘‡ SUBSCRIBE TO CODING WITH KIDS ๐Ÿ‘จ๐Ÿปโ€๐Ÿ’ป๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป YOUTUBE CHANNEL NOW ๐Ÿ‘‡
https://www.youtube.com/channel/UCsPTo-vWxs0uBa2ZdPd9Y_Q?sub_confirmation=1

Reply