1. Home
  2. /
  3. Thunkable
  4. /
  5. Simple Todo App

Simple Todo App - Thunkable Typing CST Test

Loading…

Simple Todo App — Thunkable Code

Demonstrates a simple Thunkable app with a Todo list, adding tasks and displaying them using visual components and logic blocks.

1. Drag a Text Input component onto the screen for 'New Todo'.
2. Drag a Button labeled 'Add' and configure its logic blocks:
	- Append input value to list variable 'todos'.
3. Drag a List Viewer component bound to 'todos' to display items.
4. Configure blocks to reset input after adding and optionally delete items.
5. Preview live on device or web, and publish to iOS or Android.

Thunkable Language Guide

Thunkable is a no-code/low-code cross-platform mobile app development platform that allows users to build native iOS and Android apps using a visual drag-and-drop interface with logic blocks, without writing traditional code.

Primary Use Cases

  • ▸Educational apps and learning tools
  • ▸Rapid prototyping and MVP development
  • ▸Small business apps for iOS and Android
  • ▸Apps integrating cloud services (Firebase, REST APIs)
  • ▸Non-technical users building native apps visually

Notable Features

  • ▸Drag-and-drop visual interface for app building
  • ▸Cross-platform deployment for iOS and Android
  • ▸Logic blocks for app functionality without code
  • ▸Integration with APIs, sensors, and device features
  • ▸Real-time live testing and app previews

Origin & Creator

Thunkable was created by Arun Saigal and the team at Thunkable Inc. in 2015, evolving from MIT App Inventor to provide a more modern and powerful cross-platform no-code app builder.

Industrial Note

Best suited for rapid app prototyping, educational projects, MVPs, and users without extensive coding experience who need multi-platform mobile apps.

Quick Explain

  • ▸Thunkable enables creating apps via visual blocks and drag-and-drop components, targeting iOS and Android simultaneously.
  • ▸It abstracts away coding complexity while still allowing advanced functionality via logic blocks and APIs.
  • ▸Ideal for non-developers, educators, and rapid prototyping teams looking to deploy mobile apps quickly.

Core Features

  • ▸UI components: buttons, labels, media, maps, etc.
  • ▸Logic blocks for event-driven programming
  • ▸Access to device APIs (camera, GPS, storage, notifications)
  • ▸Cloud services integration (Firebase, Airtable, REST APIs)
  • ▸Live testing and instant publishing capabilities

Learning Path

  • ▸Sign up for Thunkable and explore the editor
  • ▸Learn UI component placement and customization
  • ▸Learn logic block functionality
  • ▸Integrate cloud services and APIs
  • ▸Build and publish a simple cross-platform app

Practical Examples

  • ▸Educational quiz apps for students
  • ▸Business contact or catalog apps
  • ▸Event scheduling and reminder apps
  • ▸Media gallery and photo apps
  • ▸Prototypes for startups and product MVPs

Comparisons

  • ▸Thunkable vs Codename One: Thunkable is no-code, easier for non-developers; Codename One uses Java/Kotlin for full control
  • ▸Thunkable vs Flutter: Flutter requires coding, offers full performance; Thunkable is visual and faster for prototyping
  • ▸Thunkable vs React Native: React Native offers JS coding with full flexibility; Thunkable is drag-and-drop no-code
  • ▸Thunkable ideal for rapid prototyping, education, and small business apps
  • ▸Performance depends on logic block complexity and media usage

Strengths

  • ▸No coding skills required for most apps
  • ▸Fast app prototyping and MVP creation
  • ▸Cross-platform deployment with a single project
  • ▸Strong educational focus and community support
  • ▸Built-in tutorials, templates, and sample projects

Limitations

  • ▸Less control over app performance and optimization
  • ▸Limited access to advanced native features
  • ▸Dependent on Thunkable platform for building and deployment
  • ▸Complex apps can become difficult to manage
  • ▸Smaller ecosystem compared to full-code frameworks

When NOT to Use

  • ▸Apps requiring ultra-high performance or complex graphics
  • ▸Large-scale enterprise apps needing extensive custom logic
  • ▸Games or highly interactive apps
  • ▸Apps needing advanced native SDKs unavailable in Thunkable
  • ▸Projects requiring full source code control and versioning

Cheat Sheet

  • ▸`Screen` - app page container
  • ▸`Button` - interactive component
  • ▸`Blocks` - define app logic
  • ▸`Firebase` - cloud data integration
  • ▸`Live Preview` - test app on device in real time

FAQ

  • ▸Can I build both iOS and Android apps with Thunkable?
  • ▸Yes, a single project targets both platforms.
  • ▸Do I need coding knowledge?
  • ▸No, Thunkable uses drag-and-drop and logic blocks.
  • ▸Can I connect to APIs or databases?
  • ▸Yes, Firebase, REST APIs, Airtable, and Google Sheets are supported.
  • ▸Can I publish apps directly to stores?
  • ▸Yes, Thunkable allows publishing to both Google Play and Apple App Store.
  • ▸Are apps built with Thunkable fully native?
  • ▸Yes, Thunkable compiles apps into native iOS and Android binaries.

30-Day Skill Plan

  • ▸Week 1: Learn Thunkable interface and basic components
  • ▸Week 2: Implement multi-screen apps with logic blocks
  • ▸Week 3: Integrate APIs and cloud databases
  • ▸Week 4: Test and debug on multiple devices
  • ▸Week 5: Publish and maintain apps for iOS and Android

Final Summary

  • ▸Thunkable allows no-code creation of cross-platform mobile apps for iOS and Android.
  • ▸Drag-and-drop UI and logic blocks simplify development for non-programmers.
  • ▸Supports cloud integrations, device APIs, and live testing.
  • ▸Ideal for education, prototyping, and small business apps.
  • ▸Apps are compiled natively and can be published to app stores.

Project Structure

  • ▸Screens - app pages and UI elements
  • ▸Components - reusable buttons, labels, inputs, media
  • ▸Logic blocks - define app functionality
  • ▸Assets - images, icons, media files
  • ▸Settings - app properties and platform configuration

Monetization

  • ▸Freemium apps with ads or in-app purchases
  • ▸Subscription-based educational apps
  • ▸Small business apps generating revenue
  • ▸Open-source projects with donations
  • ▸Prototype MVPs for potential investors

Productivity Tips

  • ▸Reuse screens and components across projects
  • ▸Test frequently with live preview
  • ▸Organize logic blocks for readability
  • ▸Use cloud integrations for heavy data processing
  • ▸Leverage community templates and components

Basic Concepts

  • ▸UI is created using drag-and-drop components
  • ▸App logic defined using visual logic blocks
  • ▸Events trigger actions via block-based programming
  • ▸Integration with APIs and cloud services is simplified
  • ▸Apps can be built and tested live on devices or simulator

Official Docs

  • ▸https://thunkable.com/
  • ▸https://docs.thunkable.com/
  • ▸https://community.thunkable.com/

More Thunkable Typing Exercises

Thunkable Counter AppThunkable Login FormThunkable Notes AppThunkable Stopwatch AppThunkable Theme Toggle AppThunkable Calculator AppThunkable Weather AppThunkable Image GalleryThunkable QR Scanner App

Practice Other Languages

CReactPythonC++RustTypeScriptKotlinPHPJavaC#RubyMqlCqlN1qlCypher