Build a Dream Journal with Craft

In this example, we will use Craft to keep a personal dream journal. We will build a small web app that we can use to capture our dreams and then ask ChatGPT or Claude to add interpretations to each dream.

Step 1 — Create Your Doc

The doc for our dream journal is super simple: We just add each new dream to the top, with the date as the headline and some additional information below.

Use the template to create a new doc for your dream journal:

Dream Journal

Mẫu xem trước Sử dụng mẫu này

Step 2 — Enable API Access

Enable API Access for your doc to get a unique URL that can be used to read from and add to your doc, for example by the web app we will build below.

Step 1

Open the “Imagine” tab

Step 2

Click “Add Your First API Connection”

Step 3

Configure your API connection with a name. For this project, the API only needs to write to your docs. Set the API permissions to “Write” only.

Step 4

Click “Add Document” and select your Dream Journal document.

Step 5

The API URL that will be used to interact with your document is now displayed at the top

Step 6

Click the “Download AI Bundle” button. This will download a folder containing the API documentation and the content of your doc.

Step 3 — Build on Lovable

Now lets go on and build the actual website for our dashboard on Lovable. For the example site shown above, we used this prompt:

I am creating a dream journal to log and analyze my dreams.

The information is stored in Craft. Please check the attached file including an example of the current state of my Dream Journal Craft doc, as well as information on the API you should use to save my dreams.

I want you to create a website displaying an input form to record my dreams and sleep quality.

The site should display at the center a form with a slider for sleep quality (from very bad to excellenct). Above their slider there should be an emoji for each quality level, that gets updated as the slider is moved. Below there should be a text input for dream itself.

The design should calming and soft. Use moody colors and round shapes, with a soft gradient for the background.

Go to Lovable and paste the prompt into the prompt box. Make sure to attatch the AI Bundle for your document that we just downloaded.

Lovable gets to work, analyzing the content of the bundle to understand the doc structure and how to use the API. Then it starts to build the website according to our prompt.

Now we have a beautiful site we can use to add dreams to our dream journal! If you want to, you could save this web app on your home screen, so you can quickly access it every morning.