# Getting Started

- [Getting Started Guide](/getting-started/get-started.md): Follow these steps to build your first app!
- [Gen AI](/getting-started/gen-ai.md)
- [AI tools](/getting-started/gen-ai/ai-tools.md)
- [AI Project Generator](/getting-started/gen-ai/ai-project-generator.md)
- [Omnibar](/getting-started/gen-ai/omnibar.md)
- [AI Edit Mode](/getting-started/gen-ai/ai-edit-mode.md)
- [AI Text and Image Generation](/getting-started/gen-ai/ai-text-and-image-generation.md)
- [AI Chatbot Helper](/getting-started/gen-ai/ai-chatbot-helper.md)
- [Prompt Engineering](/getting-started/gen-ai/prompt-engineering.md)
- [Keyboard Shortcuts](/getting-started/keyboard-shortcuts.md)
- [Undo Redo](/getting-started/undo-redo.md)
- [Thunkable Account](/getting-started/signing-in.md): You can create a Thunkable account with a Google account or with any other email address.
- [Account Management](/getting-started/signing-in/account-management.md)
- [Preview and Test your App](/getting-started/live-test.md): Preview and test your Thunkable project with the Thunkable Live app or Web Preview.
- [Versioning](/getting-started/versioning.md)
- [Data Sources](/getting-started/data-sources.md): Connecting your project to a data source allows you to work with the information that you have stored in Airtable, Google Sheets, Webflow or a local table.
- [Google Sheets Data Source](/getting-started/data-sources/data-sources.md): Connecting your project to a data source allows you to work with the information that you have stored in Airtable, Google Sheets, Webflow or a local table.
- [Airtable Data Source](/getting-started/data-sources/data-sources-1.md): Connecting your project to a data source allows you to work with the information that you have stored in Airtable, Google Sheets, Webflow or a local table.
- [Webflow Data Source](/getting-started/data-sources/data-sources-2.md): Connecting your project to a data source allows you to work with the information that you have stored in Airtable, Google Sheets, Webflow or a local table.
- [Local Table Data Source](/getting-started/data-sources/data-sources-3.md): Connecting your project to a data source allows you to work with the information that you have stored in Airtable, Google Sheets, Webflow or a local table.
- [Project Collaboration](/getting-started/project-collaboration.md)
- [Organizations](/getting-started/project-collaboration/organizations.md)
- [Sample Apps & Tutorials](/getting-started/sample-apps-and-tutorials.md)
- [Thunkable Community Forums](/getting-started/sample-apps-and-tutorials/thunkable-community-forums.md): Staff & Community contributed tutorials on our Community forum.
- [Sample Apps](/getting-started/sample-apps-and-tutorials/sample-apps.md): Don't know where to start on your project? Start building quickly with our sample projects.
- [Video Tutorials](/getting-started/sample-apps-and-tutorials/video-tutorials.md)
- [Thunkable Live App](/getting-started/sample-apps-and-tutorials/video-tutorials/thunkable-live-app.md)
- [How to Test and Troubleshoot with Thunkable Live App](/getting-started/sample-apps-and-tutorials/video-tutorials/thunkable-live-app/how-to-test-and-troubleshoot-with-thunkable-live-app.md): In this tutorial, you’ll learn how to test and troubleshoot your project using the Thunkable Live app on your device.
- [Data Source Tutorials](/getting-started/sample-apps-and-tutorials/video-tutorials/data-source-tutorials.md)
- [Connecting to Data Sources](/getting-started/sample-apps-and-tutorials/video-tutorials/data-source-tutorials/connecting-to-data-sources.md)
- [Google Sheets](/getting-started/sample-apps-and-tutorials/video-tutorials/data-source-tutorials/connecting-to-data-sources/google-sheets.md): In this tutorial, we’ll connect a Thunkable app to Google Sheets as a data source and display the data in our app.
- [Local Table](/getting-started/sample-apps-and-tutorials/video-tutorials/data-source-tutorials/connecting-to-data-sources/local-table.md): In this tutorial, we’ll create a local table data source in a Thunkable app and display the data.
- [Create Data in a Thunkable Data Source](/getting-started/sample-apps-and-tutorials/video-tutorials/data-source-tutorials/create-data-in-a-thunkable-data-source.md): In this tutorial, we’ll demonstrate how to create data in a connected data source such as Google Sheets, Airtable, or a local table.
- [Read Data in a Thunkable Data Source](/getting-started/sample-apps-and-tutorials/video-tutorials/data-source-tutorials/read-data-in-a-thunkable-data-source.md): In this tutorial, we’ll demonstrate how to read data in a connected data source such as Google Sheets, Airtable, or a local table.
- [Update Data in a Thunkable Data Source](/getting-started/sample-apps-and-tutorials/video-tutorials/data-source-tutorials/update-data-in-a-thunkable-data-source.md): In this tutorial, we’ll demonstrate how to update data in a connected data source such as Google Sheets, Airtable, or a local table.
- [Delete Data in a Thunkable Data Source](/getting-started/sample-apps-and-tutorials/video-tutorials/data-source-tutorials/delete-data-in-a-thunkable-data-source.md): In this tutorial, we’ll demonstrate how to delete data in a connected data source such as Google Sheets, Airtable, or a local table.
- [User Auth & Management](/getting-started/sample-apps-and-tutorials/video-tutorials/user-auth-and-management.md)
- [Firebase](/getting-started/sample-apps-and-tutorials/video-tutorials/user-auth-and-management/firebase.md)
- [User Sign-Up, Sign-In, and Auth](/getting-started/sample-apps-and-tutorials/video-tutorials/user-auth-and-management/firebase/user-sign-up-sign-in-and-auth.md): In this tutorial, we’ll show you how to use Firebase to authenticate your users and allow them to sign up and sign in to your app.
- [User Sign Out and Password Reset](/getting-started/sample-apps-and-tutorials/video-tutorials/user-auth-and-management/firebase/user-sign-out-and-password-reset.md): In this tutorial, you’ll learn how to allow a Firebase authenticated user to reset their password and sign out of your app.
- [Google](/getting-started/sample-apps-and-tutorials/video-tutorials/user-auth-and-management/google.md)
- [User Sign-Up, Sign-In, Sign-Out, and Auth](/getting-started/sample-apps-and-tutorials/video-tutorials/user-auth-and-management/google/user-sign-up-sign-in-sign-out-and-auth.md): In this tutorial, we’ll show you how to use Google to authenticate your users and allow them to sign in and out of your app.
- [Apple](/getting-started/sample-apps-and-tutorials/video-tutorials/user-auth-and-management/apple.md)
- [User Sign-Up, Sign-In, Sign-Out, and Auth](/getting-started/sample-apps-and-tutorials/video-tutorials/user-auth-and-management/apple/user-sign-up-sign-in-sign-out-and-auth.md): In this tutorial, we’ll show you how to use Apple to authenticate your users and allow them to sign in and out of your app.
- [Projects](/getting-started/sample-apps-and-tutorials/video-tutorials/projects.md)
- [How to Save Versions of Your Thunkable Project](/getting-started/sample-apps-and-tutorials/video-tutorials/projects/how-to-save-versions-of-your-thunkable-project.md): In this tutorial, we’ll show you how to use Thunkable’s versioning functionality to preserve a version of your project at a point in time.
- [How to Copy and Customize Public or Sample Thunkable Projects](/getting-started/sample-apps-and-tutorials/video-tutorials/projects/how-to-copy-and-customize-public-or-sample-thunkable-projects.md)
- [User Interface & Design](/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design.md)
- [Screens](/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/screens.md)
- [Save and Reuse Thunkable Screens](/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/screens/save-and-reuse-thunkable-screens.md): In this tutorial, we’ll show you how to streamline your workflow and maximize your efficiency across diverse projects by saving a screen from one app project and reusing it in another!
- [Change Thunkable Screens with a Button Click](/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/screens/change-thunkable-screens-with-a-button-click.md): In this tutorial, you’ll learn how to use the “navigate to” block to allow your app’s users to navigate between app screens with a simple button click.
- [Create Scrollable Screens in Your Thunkable App](/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/screens/create-scrollable-screens-in-your-thunkable-app.md): In this tutorial, you’ll learn how to create scrollable screens, which allow users to access a large amount of content within a confined screen space.
- [Navigators](/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/navigators.md)
- [How to Use the Thunkable Stack Navigator](/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/navigators/how-to-use-the-thunkable-stack-navigator.md): In this tutorial, we'll explore what a stack navigator is and provide step-by-step instructions on implementation.
- [How to Use Thunkable Top and Bottom Tab Navigators](/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/navigators/how-to-use-thunkable-top-and-bottom-tab-navigators.md): In this tutorial, we'll explore the benefits of using a top or bottom tab navigator and provide step-by-step instructions on implementation.
- [How to Use the Thunkable Drawer Navigator](/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/navigators/how-to-use-the-thunkable-drawer-navigator.md): In this tutorial, we'll explore the benefits of using a drawer navigator and provide step-by-step instructions on implementation.
- [Combine Figma Frames with Thunkable Navigators](/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/navigators/combine-figma-frames-with-thunkable-navigators.md): Thunkable allows you to design your UI for your no code app in Figma and quickly add functionality within our platform.
- [Components](/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/components.md)
- [How to Use the Visibility Property to Create Modals in Thunkable](/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/components/how-to-use-the-visibility-property-to-create-modals-in-thunkable.md): In this tutorial, we'll show you how to use the UI component visibility property to create a modal, a temporary screen overlay, in your Thunkable project.
- [Data Visualization](/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/data-visualization.md)
- [Customize a Data Viewer](/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/data-visualization/customize-a-data-viewer.md): In this tutorial, we’ll show you how to customize a Thunkable data viewer so you can display your data in a way that meets your user’s needs and reflects your brand design.
- [Text](/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/text.md)
- [Implement Text Input Validation](/getting-started/sample-apps-and-tutorials/video-tutorials/user-interface-and-design/text/implement-text-input-validation.md): In this tutorial, we’ll implement text input validation to disable a button until text input conditions are met.
- [Alerts & Notifications](/getting-started/sample-apps-and-tutorials/video-tutorials/alerts-and-notifications.md)
- [Display Alert Messages in Your Thunkable App](/getting-started/sample-apps-and-tutorials/video-tutorials/alerts-and-notifications/display-alert-messages-in-your-thunkable-app.md): In this tutorial, we’ll show you how to build alerts in your Thunkable app to display important information, warnings, or prompts to users.
- [How to Create Three-Button Alert Messages](/getting-started/sample-apps-and-tutorials/video-tutorials/alerts-and-notifications/how-to-create-three-button-alert-messages.md): In this tutorial, you’ll learn how to build a three-button alert in your Thunkable app to prompt your users.
- [Files](/getting-started/sample-apps-and-tutorials/video-tutorials/files.md)
- [Cloudinary](/getting-started/sample-apps-and-tutorials/video-tutorials/files/cloudinary.md)
- [Store and Access Cloudinary Files in Your Thunkable App](/getting-started/sample-apps-and-tutorials/video-tutorials/files/cloudinary/store-and-access-cloudinary-files-in-your-thunkable-app.md): In this tutorial, you’ll learn how to use files stored in Cloudinary in your app and how to upload files directly from your app to Cloudinary.
- [Camera](/getting-started/sample-apps-and-tutorials/video-tutorials/camera.md)
- [How to Use the Device’s Camera](/getting-started/sample-apps-and-tutorials/video-tutorials/camera/how-to-use-the-devices-camera.md): In this tutorial, you’ll use Thunkable camera app features to create an app that takes a photo with the device's camera.
- [How to Use the Device’s Video Camera](/getting-started/sample-apps-and-tutorials/video-tutorials/camera/how-to-use-the-devices-video-camera.md): In this tutorial, you’ll use Thunkable camera app features to create an app that records a video with the device's camera.
- [Use the Device’s Camera as a QR or Barcode Scanner](/getting-started/sample-apps-and-tutorials/video-tutorials/camera/use-the-devices-camera-as-a-qr-or-barcode-scanner.md): Tapping into a mobile device’s camera opens up a world of possibilities for Thunkable Creators. In this tutorial, we’ll add the functionality to scan a barcode or QR code with the device's camera.
- [Realtime Databases](/getting-started/sample-apps-and-tutorials/video-tutorials/realtime-databases.md)
- [Firebase](/getting-started/sample-apps-and-tutorials/video-tutorials/realtime-databases/firebase.md)
- [How to Read Data in a Firebase Realtime Database](/getting-started/sample-apps-and-tutorials/video-tutorials/realtime-databases/firebase/how-to-read-data-in-a-firebase-realtime-database.md): In this tutorial, you’ll learn how to read data from a connected Firebase Realtime Database.
- [How to Update Data in a Firebase Realtime Database](/getting-started/sample-apps-and-tutorials/video-tutorials/realtime-databases/firebase/how-to-update-data-in-a-firebase-realtime-database.md): In this tutorial, you’ll learn how to update data in a connected Firebase Realtime Database.
- [Advanced Blocks](/getting-started/sample-apps-and-tutorials/video-tutorials/advanced-blocks.md)
- [Connect Your Thunkable App to a Web API](/getting-started/sample-apps-and-tutorials/video-tutorials/advanced-blocks/connect-your-thunkable-app-to-a-web-api.md)
- [Thunkable Academy](/getting-started/sample-apps-and-tutorials/video-tutorials/thunkable-academy.md): A series of videos designed to help you develop competency in Thunkable.
- [Building Your First Thunkable App](/getting-started/sample-apps-and-tutorials/video-tutorials/thunkable-academy/building-your-first-thunkable-app.md)
- [Getting Started with Thunkable](/getting-started/sample-apps-and-tutorials/video-tutorials/thunkable-academy/building-your-first-thunkable-app/getting-started-with-thunkable.md): By the end of this Thunkable platform overview, you will have designed, developed, and tested a simple app that allows users to navigate from one screen to another.
- [How to Design a Thunkable App](/getting-started/sample-apps-and-tutorials/video-tutorials/thunkable-academy/building-your-first-thunkable-app/how-to-design-a-thunkable-app.md): Having a great app design is critical for enabling your users to navigate the features of your app effectively. In this video, we'll create the look and feel for our app directly in Thunkable.
- [How to Connect a Thunkable App to a Data Source](/getting-started/sample-apps-and-tutorials/video-tutorials/thunkable-academy/building-your-first-thunkable-app/how-to-connect-a-thunkable-app-to-a-data-source.md): Connecting your app to a data source allows you to build a dynamic app that updates continuously with data stored in Airtable, Google Sheets, Webflow, or a local table.
- [How to Make A Thunkable App Interactive with Blocks](/getting-started/sample-apps-and-tutorials/video-tutorials/thunkable-academy/building-your-first-thunkable-app/how-to-make-a-thunkable-app-interactive-with-blocks.md): Once your data is flowing between your data source and app, you’ll need to add app functionality.
- [Thunkable No Code App Creation Basics](/getting-started/sample-apps-and-tutorials/video-tutorials/thunkable-academy/thunkable-no-code-app-creation-basics.md)
- [Thunkable UI Components and App Features](/getting-started/sample-apps-and-tutorials/video-tutorials/thunkable-academy/thunkable-no-code-app-creation-basics/thunkable-ui-components-and-app-features.md): In this video, we’ll explore a variety of versatile Thunkable user interface components and app features that will have you transforming your app from bland to grand in no time.
- [Understanding Thunkable's Drag and Drop Block Builder](/getting-started/sample-apps-and-tutorials/video-tutorials/thunkable-academy/thunkable-no-code-app-creation-basics/understanding-thunkables-drag-and-drop-block-builder.md): In this video, we’ll explore Thunkable’s no code, drag and drop as we create an image recognition app.
- [Design, Develop, Debug, and Deploy Your App](/getting-started/sample-apps-and-tutorials/video-tutorials/thunkable-academy/thunkable-no-code-app-creation-basics/design-develop-debug-and-deploy-your-app.md): In this video, we’ll dig into the four D’s of Thunkable app creation: Design, Develop, Debug, and Deploy.
- [Hour of Code](/getting-started/sample-apps-and-tutorials/video-tutorials/hour-of-code.md)
- [2021 - Build an Informational App](/getting-started/sample-apps-and-tutorials/video-tutorials/hour-of-code/2021-build-an-informational-app.md): Join us in this Hour of Code activity to build an app that displays information from a data table in a way that’s easy for people to see and understand.
- [2022 - Build a Scavenger Hunt App](/getting-started/sample-apps-and-tutorials/video-tutorials/hour-of-code/2022-build-a-scavenger-hunt-app.md): Join us in this Hour of Code activity to build a Scavenger Hunt app for you and your friends.
- [2023 - Build a Translator and Text-to-Speech App](/getting-started/sample-apps-and-tutorials/video-tutorials/hour-of-code/2023-build-a-translator-and-text-to-speech-app.md): Join us in this Hour of Code activity to build a translator app that can read your translations out loud with text-to-speech technology.
- [App Building](/getting-started/sample-apps-and-tutorials/video-tutorials/app-building.md)
- [How to Build a Translation App in Thunkable](/getting-started/sample-apps-and-tutorials/video-tutorials/app-building/how-to-build-a-translation-app-in-thunkable.md): In this tutorial, we’ll build a translation app that translates the user’s text input from one language to another.
- [How to Create an Image Recognition App with Thunkable](/getting-started/sample-apps-and-tutorials/video-tutorials/app-building/how-to-create-an-image-recognition-app-with-thunkable.md): In this tutorial, you’ll use Thunkable camera app features to create an app that takes a photo with the device's camera and utilizes image recognition functionality to identify the photo’s content.
- [How to Create a Text-to-Speech App in Thunkable](/getting-started/sample-apps-and-tutorials/video-tutorials/app-building/how-to-create-a-text-to-speech-app-in-thunkable.md): Incorporating text-to-speech functionality brings written words to life by converting them into spoken audio. In this tutorial, we’ll add text-to-speech functionality to a translation app.