How to do more with MIT App Inventor 2, Thunkable or Kodular

Explore beginner-friendly basics of MIT App Inventor, adding a vertical arrangement and two text boxes while explaining how the platform works.

Design an app with App Inventor using drag-and-drop components and blocks to test, then publish to the Play Store after signing in with a Google account.

Explore the shared interface across app builders and learn to navigate the designer and blocks, add components, adjust properties, and preview on phone and tablet.

Design the app interface in MIT App Inventor by using text boxes for translated text, and arrange components with layouts like horizontal and scroll arrangements.

Explore how blocks power app behavior by using event blocks for user actions and screen events, and structure with built-in, logic, and control blocks and procedures.

Explore how to add and display a list, such as Saybrook translations, in your app using MIT App Inventor 2, Thunkable, or Kodular, including essential steps and practice across projects.

Add a list to store saved translations, rename components for clarity, and arrange controls using horizontal arrangements with weight properties and plus and delete buttons.

Learn to build a functional list in MIT App Inventor by creating a global list, adding translated items, and inserting at the top, using save and delete actions.

Test the app live using a screen sharing tool, verify list behavior, and fix linking between the global list and the list view by adjusting set list elements.

Learn how to add a new line in list view text by inserting a newline using backslash n between language strings, enabling multi-line display in App Inventor blocks.

Select an API level that matches modern Android versions, as Google restricts publishing apps built for below Android Oreo; design for look and feel on current devices.

Learn to make a functional delete list item feature in MIT App Inventor, Thunkable, or Kodular by removing a selected item using its index and managing delete button visibility.

Learn to store data on the user's device using a reserve component, including app date and a list of saved translations, to manage information within the app.

Learn how to persist list data in Android apps using TinyDB so items survive app restarts and refreshes. Save, read, and delete items to maintain data across sessions.

Learn to use tinydb blocks to store, retrieve, and clear data by tag, with the non-visible tinydb component running in the background.

Learn to manage a list with TinyDB: add and remove items, update and save the list, retrieve it on app start, and display via a list view.

Discover how to access services and information from other apps using web API components, and learn to request and retrieve translated text via the Google Translate API.

Explore web API components and learn how to fetch translated text with the Google Translate API, including free limits, per-character pricing, and language detection features.

Add a web component, configure its properties, and use web API blocks to request data from services like the Google Translate API, handling responses with events when data is received.

Learn to use a web component to call the Google Translate API, build the request URL with endpoint, API key, target language, and text to translate, and handle the result.

Discover how to create and enable the Google Translate API in Google Cloud Platform, generate an API key in the credentials, and set basic restrictions for testing in apps.

Build a post url in thunkable to call the Google Translate API, supplying the API endpoint, key, language code, and text to translate, using web components and blocks.

Discover how to use the Taifun text box extension to auto translate text in App Inventor projects by enabling the text change event and integrating the Google Translate API.

Learn to use taifun text box blocks to listen for text changes and translate from the from language text box using the Google Translate API.

Decode json results from the google translate api and display the translated text in your app by decoding the json payload and extracting the translation.

Learn to display translated text in a mobile app by calling Google Translate via a web API, updating the language text box, and testing with an API key.

Debug web api blocks, handle errors with else-if logic, and display user-friendly messages using a notifier for codes like 400 and network disconnection.

Extend translation features by adding a list of languages for text translation and integrating a speaker to read translated text.

Add a list picker to let users choose languages compatible with the Google Translate API, mapping language names to codes and sending the selected code in requests.

Learn to enable a list picker in MIT App Inventor by building a language code list, converting text to a list, and displaying the selected language code.

Learn to translate text into a chosen language using a listpicker to select a language code, store it in a variable, and call the Google Translate API.

Explore adding a speech organizer to your app and leveraging Google Translate API language compatibility to support voice input and multilingual support.

Add a speech recognizer and translation feature using the Typhon extension, expanding language support beyond English and aligning with Google Translate API languages.

Add Taifun speech recogniser to your app, import the extension, and use a button and blocks to convert speech to text, then translate via Google Translate API to a language.

Discover how to add language compatibility in MIT App Inventor projects by mapping language names to codes, using a spinner and blocks to drive speech recognizer and Google Translate API.

Shows how to configure the iPhone speech recognizer language for the speech organizer and test language selection, then translate the recognized speech from Hindi to English using Google Translate.

Explore a translation feature that lets users speak in one language and receive a Weiss translation, enabling real-time cross-language conversations within the app.

Design a voice-to-voice translation screen by integrating the iPhone speech recognizer with the Google Translate API, translating text to a selected language, and displaying both input and translated text.

Design a V2V screen using MIT App Inventor, Thunkable, or Kodular by arranging horizontal and vertical layouts, text boxes for speech input and translation output, spinners, and a back button.

Build a translation feature in App Inventor by wiring a back button to screen 1, integrating a web API with Google Translate, and selecting languages via spinners.

Configure a language selection flow using language one and language two spinners, validate input on screen initialize, and persist choices in tiny db.

Explore building a two-language translation tool in app builders using blocks, speech recognition, and Google Translate API to translate spoken text between two languages.

Fix a v2v screen error in MIT App Inventor 2, Thunkable or Kodular projects by correcting miswired language text boxes, adjusting language spinners, and guarding translate results.

Add a free built-in text to speech feature by dragging the text to speech component from the media section, set the language, and speak the translated text.

Design a more usable app by following article-based guidance, adapting features and properties to your device with Dunkle live, while keeping meaningful button arrangements and consistent layouts for easy operation.

Debug and fix the list picker error in MIT App Inventor projects by displaying the selected language name and aligning the list for better user experience.

Persist the user's list picker selection by saving the language code and name in TinyDB, so the app restores the chosen language after refresh and streamlines translation.