Cheezy World

Eat more cheese

Building a LiveView app using AI - Part 6

Just a small thing

Off screen I asked Claude to create the favicon based on the image it has already placed on the home page. In less than a minute I had these files:

Image of favicons

Claude also added this html in the header of the root.html.eex file:

<link rel="icon" type="image/x-icon" href={~p"/images/favicon.ico"} />
<link rel="icon" type="image/png" sizes="16x16" href={~p"/images/favicon-16x16.png"} />
<link rel="icon" type="image/png" sizes="32x32" href={~p"/images/favicon-32x32.png"} />
<link rel="icon" type="image/png" sizes="48x48" href={~p"/images/favicon-48x48.png"} />
<link rel="icon" type="image/svg+xml" href={~p"/images/favicon.svg"} />

This is a small change but it adds to the polish of the app.


Building a LiveView app using AI - Part 5

Follow up for the French Translations

After the last recording I started manually looking at the translatons. I quickly noticed that the authentication pages were not translated. This is why I take very small steps and verify after each one. LLMs cannot read your mind and they do not always do what you think they should. Small steps allow us to make adjustments or revert when it does the wrong thing. I asked Claude to translate the authentication pages and it did.


Building a LiveView app using AI - Part 4

Taking a Detour

I decided to change the plan a little and take care of a couple of user facing issues. Let’s see how that goes.

So we have a new plan. I will be making the site pretty (and responsive) and I will be adding internationalization including the French language support for all existing pages. Should I trust Claude to come up with my design? What should I expect out of an LLM? Let’s see the results of the first part of this revised plan.


Building a LiveView app using AI - Part 3

Using Claude Code to write the Authentication Code

In Part 3 of this series we are finally ready to allow Claude Code to wite some code. We have our system configured properly, we have created a plan to take small steps, and now it is time to get started. I will be using Claude Code to build the Authentication for our Kanban Board application. There are a few times where I had to ask Claude to do something different. It is always important to pay attention. After the video was complete It took the time to verify everything and look at the code. Everything was good as I expected.


Building a LiveView app using AI - Part 2

Using Claude Code to create the plan

In Part 2 of this series I will be using Claude Code to generate a plan to build the Kanban Board application. It is very important to me that the plan take very small steps and include a lot of places where we check the quality along the way. Here is a video of the session.

The Plan

So you can see what Claude Code produced, I am including the entire plan here.