How to build a note-taking app in Bubble

A simple note‑taking app in Bubble works by having a Note data type, a page where the user can create and edit notes, and workflows that save those notes to the database. You display the user’s notes in a repeating group and allow clicking a note to open or edit it. With just a few fields and workflows, you get a fully functional app that persists data per user.

Data Structure

Create a data type called Note. Give it fields that match what a note needs.

• Title (text)
• Content (text)
• Owner (User)

Bubble automatically links each note to the user who created it.

UI Setup

On your main page, add:

• A Repeating Group with type Note and data source “Do a search for Notes where Owner = Current User”. This shows the user’s notes.
• A Group or popup for editing. Inside place an input for Title and a multiline input for Content. Set the group’s Type of Content to Note.

Creating a Note

• Add a button “New Note”. Workflow: Create a new thing → Note → set Owner = Current User. Then show the edit group and display the newly created note in it.

Editing and Saving

• On the Save button: Workflow → Make changes to thing → Thing = Parent Group’s Note → set Title = Input Title’s value, Content = Multiline Input’s value.

// Example change expression inside workflow:
// Title = Input NoteTitle's value
// Content = MultilineInput NoteBody's value

Opening an Existing Note

• Inside the repeating group cell, add a group or text element. When clicked: Display data → Data to display = Current cell’s Note, then show the edit group.

Privacy Rules

In Data → Privacy, create a rule on Note:

• When Current User is This Note’s Owner → allow view and modify.
• No rule allowing others to see it. Bubble will protect notes from other users.

Result

You get a clean, real app where users can create, edit, and store personal notes securely, using Bubble’s database, workflows, and privacy rules correctly.