"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:
➤ Text Input
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:
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 👇