Create a Simple Note Taking App in Godot

Learn how scenes and nodes power a simple note taking app in Godot, adding a text edit, configuring a split view with live preview, and using anchors for full-screen layouts.

Link a text edit to a rich text label in Godot using the text_changed signal, export variables for the inspector, and update the preview in real time.

Create a bottom toolbar in Godot using an hbox container, add a retractable show/hide button, and animate its reveal with either animation or tween.

Discover how bbcode powers rich text in Godot's text edit, including color, bold, highlights, and rainbow effects, with a live preview and hex color support.

Design a font toolbar with italics, bold, color, and size controls, then build a font tags panel featuring a color picker and add color tags to text.

Fix a bug in a Godot note taking app by inserting tags at the correct line and caret position, using line and column tracking, retrieving and updating lines.

Toggle the font panel in a Godot note taking app by converting the font button into a toggle that flips font.visible, enabling show and hide of font options.

Add bold, italics, underline, and strikethrough formatting to text in a Godot note-taking app by using font tags, signal connections, and layout tweaks.

Implement a highlight feature in the Godot note-taking app by wiring a highlight button to apply a background color from a color picker, with an exported highlight picker and alpha.

Explore font sizes in Godot, adjusting base text and per-tag sizes with a font size tag and size options dropdown.

Create a new tables section in the Godot note-taking app. Configure table tags, color options, and column counts using exported variables and signals.

Demonstrate building a dynamic table in Godot by calculating column count, generating header and cell rows, and applying optional colors, padding, and centering for a polished note taking interface.

Address a bug in Godot by hardcoding the final y position to 1287, ensuring the toolbar stays within bounds when showing or hiding and reaches the correct location consistently.

Add unordered and ordered list support in the Godot note taking app by wiring list tags with ul and ol and populating items.

Organize the Godot inspector by creating export categories and subcategories for buttons, text nodes, and panels, then use collapsible sections and comments to keep exported variables tidy.

Load and manage projects in Godot by building a page manager that loads existing data before saving, using a dictionary to track projects and pages.

Fix a bug that overwrote notes when adding a table by inserting text at the caret, not overwriting existing content in a Godot note taking app.

Create and load new projects in a Godot note-taking app by building a startup menu with new and load existing project options, wired with exports and signals.

Design and implement a pages toolbar in a Godot note-taking app, enabling adding new pages, switching pages with a line edit, and updating max pages.

Learn to implement auto save for notes by creating a save directory in the user directory, opening a file, and periodically storing project data with a timer.

Learn to load projects in Godot by reading data from a file with get_var in stored order, and restoring the current page and project state while checking existence and errors.

Export your Godot project for Android by installing the appropriate JDK (8 or 11), configuring Android Studio and SDK tools, and creating debug and release keys to build an APK.

Fix off-screen ui by setting display and window mode to canvas item, adjust aspect to keep or expand, and set font size to 30 with TextEdit theme override.