1. Home
  2. /
  3. Thunkable
  4. /
  5. Notes App

Notes App - Thunkable Typing CST Test

Loading…

Notes App — Thunkable Code

Stores and displays notes using list variables and visual logic blocks.

1. Create a variable 'notes' (list).
2. Add a Text Input or Text Area for note entry.
3. Add Button 'Save Note' -> logic: Append input to 'notes'.
4. Bind a List Viewer to 'notes'.
5. Add optional logic to save locally or reset input after adding.

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 Simple Todo AppThunkable Counter AppThunkable Login FormThunkable Stopwatch AppThunkable Theme Toggle AppThunkable Calculator AppThunkable Weather AppThunkable Image GalleryThunkable QR Scanner App

Practice Other Languages

CReactPythonC++RustTypeScriptKotlinPHPJavaC#RubyMqlCqlN1qlCypher