Music Graph Project: UI Enhancements
Phase 10 focused on UI improvements - We wanted to display the data that we have have in the database but have been hiding from the user. We created a side p...
Tags
- music-graph 15
- flask 14
- learning-in-public 8
- demo-app 7
- go 7
- javascript 5
- terraform 5
- visualization 3
- sqlite 3
- gcp 3
- docker 3
- web-development 2
- python 1
- ai 1
- mcp-servers 1
- dns 1
- github-pages 1
- route53 1
- troubleshooting 1
- sqlalchemy 1
- crud 1
- forms 1
- authentication 1
- flask-login 1
- nginx 1
- ssl 1
- claude 1
- mcp 1
- developer-tools 1
- database 1
- refactoring 1
- ci-cd 1
- github-actions 1
- css 1
- user-experience 1
- security 1
- secrets-management 1
- jinja2 1
- api 1
- frontend 1
- badgerdb 1
music-graph
Music Graph Project: Going Public
Today we took the site live. Some minor UI changes but mostly it was getting the backend production ready. As someone who works with Hashicorp Vault daily, I...
Music Graph Project: UI/UX Improvements
Tonight Claude and I made some UI/UX improvements based on feedback from our single user. He wanted some pretty logical things. Search box was one, alphabeti...
Music Graph Project: CI/CD and Production DevOps
Over the past few days we built out CI/CD and a dev VM. I used Claude CLI for the first time and it worked out better then I thought it would. At first I was...
Music Graph Project: Multiple Parent Genres
I was asked by my user community of one to create the ability to have multiple parent genres. This was a really tough refactor. At least for the way we tried...
Music Graph Project: Upgrading My AI Workflow with MCP
This is somewhat of a one off post for the project. I was feeling the pain of all the cutting and pasting I was doing. This is caused a problem for me becaus...
Music Graph Project: Production Deployment to GCP
The application is up and running in an almost production ready way. I went with GCP for hosting after asking Claude for options. The reason for me was becau...
Music Graph Project: User Authentication and Authorization
Claude and I implimented User AuthN and AuthZ. It is pretty basic at this time, but it works. Claude had me impliment the login page before the registration ...
Music Graph Project: CRUD Operations and Admin Panel
In this session Claude and I added CRUD operations. This was by far the easiest for me to get through. Meaning that I didn’t ask as many questions or need to...
Music Graph Project: Database Integration
Claude and I were able to sucessfully move to sqlite from a file with a dict in it. I hit my session limit with Claude ($20 plan) tonight. Mostly because I w...
Music Graph Project: Interactive Expand/Collapse
Phase 1 is now complete. I learned alot during this session with Claude. I have almost zero experience with Javascript. I had Claude break down each function...
Music Graph Project: Visualizing Genre Connections
tonight Claude.ai and I worked on building out the visualization for the project. I have very minimal javascript experience so I had the LLM explain everythi...
Music Graph Project: Adding Bands to the Graph
Claude and I added added the bands to graph. I noticed that bands could connect to multiple genres and this does not look good. I ended up going with a prima...
Building a Music Genre Graph: Project Introduction
I am going to work on a project with Claude.ai. It is personal music website I have been thinking about for a while. The details are in the post below. I tol...
Music Graph Project: Getting Flask Running
I built this shell of my application doing pair programming with claude.ai. Claude wrote the majority of the code, but I asked for detailed explanations on a...
flask
Music Graph Project: UI Enhancements
Phase 10 focused on UI improvements - We wanted to display the data that we have have in the database but have been hiding from the user. We created a side p...
Music Graph Project: Going Public
Today we took the site live. Some minor UI changes but mostly it was getting the backend production ready. As someone who works with Hashicorp Vault daily, I...
Music Graph Project: UI/UX Improvements
Tonight Claude and I made some UI/UX improvements based on feedback from our single user. He wanted some pretty logical things. Search box was one, alphabeti...
Music Graph Project: CI/CD and Production DevOps
Over the past few days we built out CI/CD and a dev VM. I used Claude CLI for the first time and it worked out better then I thought it would. At first I was...
Music Graph Project: Multiple Parent Genres
I was asked by my user community of one to create the ability to have multiple parent genres. This was a really tough refactor. At least for the way we tried...
Music Graph Project: Production Deployment to GCP
The application is up and running in an almost production ready way. I went with GCP for hosting after asking Claude for options. The reason for me was becau...
Music Graph Project: User Authentication and Authorization
Claude and I implimented User AuthN and AuthZ. It is pretty basic at this time, but it works. Claude had me impliment the login page before the registration ...
Music Graph Project: CRUD Operations and Admin Panel
In this session Claude and I added CRUD operations. This was by far the easiest for me to get through. Meaning that I didn’t ask as many questions or need to...
Music Graph Project: Database Integration
Claude and I were able to sucessfully move to sqlite from a file with a dict in it. I hit my session limit with Claude ($20 plan) tonight. Mostly because I w...
Music Graph Project: Interactive Expand/Collapse
Phase 1 is now complete. I learned alot during this session with Claude. I have almost zero experience with Javascript. I had Claude break down each function...
Music Graph Project: Visualizing Genre Connections
tonight Claude.ai and I worked on building out the visualization for the project. I have very minimal javascript experience so I had the LLM explain everythi...
Music Graph Project: Adding Bands to the Graph
Claude and I added added the bands to graph. I noticed that bands could connect to multiple genres and this does not look good. I ended up going with a prima...
Building a Music Genre Graph: Project Introduction
I am going to work on a project with Claude.ai. It is personal music website I have been thinking about for a while. The details are in the post below. I tol...
Music Graph Project: Getting Flask Running
I built this shell of my application doing pair programming with claude.ai. Claude wrote the majority of the code, but I asked for detailed explanations on a...
learning-in-public
Demo App: Phase 7 — Observability & Polish
This phase started off simple create metrics endpoint and create a webhook that ships generic logs. We ended up refactoring the code into multiple files give...
Demo App: Phase 6 - From SQLite to BadgerDB (The Demo for the Demo)
We used the Terraform provider we created in Phase 5 to create a baseline demo. I have been calling it the “demo for the demo”. The provider introduced a dat...
Demo App: Phase 5 - Building My First Terraform Provider
I have been using Terraform for the better part of 10 years. First as a practitioner, today I use it as a Solutions Engineer helping out HashiCorp customers....
Demo App: Phase 4 - Docker & Multi-Arch Builds
Quick session tonight. We set up the Dockerfile for multi-arch builds (amd64 and arm64).
Demo App: Phase 3 - Building the Frontend Dashboard
We built the frontend tonight in vanilla JS. This was a tricky one for me because of my lack of JavaScript experience. It was great to finally see something ...
Demo App: Phase 2 - Building the REST API
Tonight we built the API for our demo app. I had a real moment where Go just clicked for me. It was when we built the display API. Instead of reading Claude’...
Demo App: Phase 1 - Building the Foundation in Go
I think I am becoming a serial vibe coder. For a number of years I have been looking for the perfect demo app. I build a lot of labs and often live demo solu...
Building a Music Genre Graph: Project Introduction
I am going to work on a project with Claude.ai. It is personal music website I have been thinking about for a while. The details are in the post below. I tol...
demo-app
Demo App: Phase 7 — Observability & Polish
This phase started off simple create metrics endpoint and create a webhook that ships generic logs. We ended up refactoring the code into multiple files give...
Demo App: Phase 6 - From SQLite to BadgerDB (The Demo for the Demo)
We used the Terraform provider we created in Phase 5 to create a baseline demo. I have been calling it the “demo for the demo”. The provider introduced a dat...
Demo App: Phase 5 - Building My First Terraform Provider
I have been using Terraform for the better part of 10 years. First as a practitioner, today I use it as a Solutions Engineer helping out HashiCorp customers....
Demo App: Phase 4 - Docker & Multi-Arch Builds
Quick session tonight. We set up the Dockerfile for multi-arch builds (amd64 and arm64).
Demo App: Phase 3 - Building the Frontend Dashboard
We built the frontend tonight in vanilla JS. This was a tricky one for me because of my lack of JavaScript experience. It was great to finally see something ...
Demo App: Phase 2 - Building the REST API
Tonight we built the API for our demo app. I had a real moment where Go just clicked for me. It was when we built the display API. Instead of reading Claude’...
Demo App: Phase 1 - Building the Foundation in Go
I think I am becoming a serial vibe coder. For a number of years I have been looking for the perfect demo app. I build a lot of labs and often live demo solu...
go
Demo App: Phase 7 — Observability & Polish
This phase started off simple create metrics endpoint and create a webhook that ships generic logs. We ended up refactoring the code into multiple files give...
Demo App: Phase 6 - From SQLite to BadgerDB (The Demo for the Demo)
We used the Terraform provider we created in Phase 5 to create a baseline demo. I have been calling it the “demo for the demo”. The provider introduced a dat...
Demo App: Phase 5 - Building My First Terraform Provider
I have been using Terraform for the better part of 10 years. First as a practitioner, today I use it as a Solutions Engineer helping out HashiCorp customers....
Demo App: Phase 4 - Docker & Multi-Arch Builds
Quick session tonight. We set up the Dockerfile for multi-arch builds (amd64 and arm64).
Demo App: Phase 3 - Building the Frontend Dashboard
We built the frontend tonight in vanilla JS. This was a tricky one for me because of my lack of JavaScript experience. It was great to finally see something ...
Demo App: Phase 2 - Building the REST API
Tonight we built the API for our demo app. I had a real moment where Go just clicked for me. It was when we built the display API. Instead of reading Claude’...
Demo App: Phase 1 - Building the Foundation in Go
I think I am becoming a serial vibe coder. For a number of years I have been looking for the perfect demo app. I build a lot of labs and often live demo solu...
javascript
Demo App: Phase 3 - Building the Frontend Dashboard
We built the frontend tonight in vanilla JS. This was a tricky one for me because of my lack of JavaScript experience. It was great to finally see something ...
Music Graph Project: UI Enhancements
Phase 10 focused on UI improvements - We wanted to display the data that we have have in the database but have been hiding from the user. We created a side p...
Music Graph Project: UI/UX Improvements
Tonight Claude and I made some UI/UX improvements based on feedback from our single user. He wanted some pretty logical things. Search box was one, alphabeti...
Music Graph Project: Interactive Expand/Collapse
Phase 1 is now complete. I learned alot during this session with Claude. I have almost zero experience with Javascript. I had Claude break down each function...
Music Graph Project: Visualizing Genre Connections
tonight Claude.ai and I worked on building out the visualization for the project. I have very minimal javascript experience so I had the LLM explain everythi...
terraform
Demo App: Phase 6 - From SQLite to BadgerDB (The Demo for the Demo)
We used the Terraform provider we created in Phase 5 to create a baseline demo. I have been calling it the “demo for the demo”. The provider introduced a dat...
Demo App: Phase 5 - Building My First Terraform Provider
I have been using Terraform for the better part of 10 years. First as a practitioner, today I use it as a Solutions Engineer helping out HashiCorp customers....
Music Graph Project: Going Public
Today we took the site live. Some minor UI changes but mostly it was getting the backend production ready. As someone who works with Hashicorp Vault daily, I...
Music Graph Project: CI/CD and Production DevOps
Over the past few days we built out CI/CD and a dev VM. I used Claude CLI for the first time and it worked out better then I thought it would. At first I was...
Music Graph Project: Production Deployment to GCP
The application is up and running in an almost production ready way. I went with GCP for hosting after asking Claude for options. The reason for me was becau...
visualization
Music Graph Project: Interactive Expand/Collapse
Phase 1 is now complete. I learned alot during this session with Claude. I have almost zero experience with Javascript. I had Claude break down each function...
Music Graph Project: Visualizing Genre Connections
tonight Claude.ai and I worked on building out the visualization for the project. I have very minimal javascript experience so I had the LLM explain everythi...
Music Graph Project: Adding Bands to the Graph
Claude and I added added the bands to graph. I noticed that bands could connect to multiple genres and this does not look good. I ended up going with a prima...
sqlite
Demo App: Phase 2 - Building the REST API
Tonight we built the API for our demo app. I had a real moment where Go just clicked for me. It was when we built the display API. Instead of reading Claude’...
Demo App: Phase 1 - Building the Foundation in Go
I think I am becoming a serial vibe coder. For a number of years I have been looking for the perfect demo app. I build a lot of labs and often live demo solu...
Music Graph Project: Database Integration
Claude and I were able to sucessfully move to sqlite from a file with a dict in it. I hit my session limit with Claude ($20 plan) tonight. Mostly because I w...
gcp
Music Graph Project: Going Public
Today we took the site live. Some minor UI changes but mostly it was getting the backend production ready. As someone who works with Hashicorp Vault daily, I...
Music Graph Project: CI/CD and Production DevOps
Over the past few days we built out CI/CD and a dev VM. I used Claude CLI for the first time and it worked out better then I thought it would. At first I was...
Music Graph Project: Production Deployment to GCP
The application is up and running in an almost production ready way. I went with GCP for hosting after asking Claude for options. The reason for me was becau...
docker
Demo App: Phase 4 - Docker & Multi-Arch Builds
Quick session tonight. We set up the Dockerfile for multi-arch builds (amd64 and arm64).
Demo App: Phase 1 - Building the Foundation in Go
I think I am becoming a serial vibe coder. For a number of years I have been looking for the perfect demo app. I build a lot of labs and often live demo solu...
Music Graph Project: Production Deployment to GCP
The application is up and running in an almost production ready way. I went with GCP for hosting after asking Claude for options. The reason for me was becau...
web-development
Building a Music Genre Graph: Project Introduction
I am going to work on a project with Claude.ai. It is personal music website I have been thinking about for a while. The details are in the post below. I tol...
Music Graph Project: Getting Flask Running
I built this shell of my application doing pair programming with claude.ai. Claude wrote the majority of the code, but I asked for detailed explanations on a...
python
Documenting My Tech Learning Journey
Today I’m starting to document the learnings that already do, but don’t often keep consistent documentation.
ai
Documenting My Tech Learning Journey
Today I’m starting to document the learnings that already do, but don’t often keep consistent documentation.
mcp-servers
Documenting My Tech Learning Journey
Today I’m starting to document the learnings that already do, but don’t often keep consistent documentation.
dns
Moving a Custom Domain to GitHub Pages: Learning Through Iteration
To kick off my goal of doing more hands on learning with LLMs. I performed a pretty simple task that I have done in past. Moving my custom domain to a new ho...
github-pages
Moving a Custom Domain to GitHub Pages: Learning Through Iteration
To kick off my goal of doing more hands on learning with LLMs. I performed a pretty simple task that I have done in past. Moving my custom domain to a new ho...
route53
Moving a Custom Domain to GitHub Pages: Learning Through Iteration
To kick off my goal of doing more hands on learning with LLMs. I performed a pretty simple task that I have done in past. Moving my custom domain to a new ho...
troubleshooting
Moving a Custom Domain to GitHub Pages: Learning Through Iteration
To kick off my goal of doing more hands on learning with LLMs. I performed a pretty simple task that I have done in past. Moving my custom domain to a new ho...
sqlalchemy
Music Graph Project: Database Integration
Claude and I were able to sucessfully move to sqlite from a file with a dict in it. I hit my session limit with Claude ($20 plan) tonight. Mostly because I w...
crud
Music Graph Project: CRUD Operations and Admin Panel
In this session Claude and I added CRUD operations. This was by far the easiest for me to get through. Meaning that I didn’t ask as many questions or need to...
forms
Music Graph Project: CRUD Operations and Admin Panel
In this session Claude and I added CRUD operations. This was by far the easiest for me to get through. Meaning that I didn’t ask as many questions or need to...
authentication
Music Graph Project: User Authentication and Authorization
Claude and I implimented User AuthN and AuthZ. It is pretty basic at this time, but it works. Claude had me impliment the login page before the registration ...
flask-login
Music Graph Project: User Authentication and Authorization
Claude and I implimented User AuthN and AuthZ. It is pretty basic at this time, but it works. Claude had me impliment the login page before the registration ...
nginx
Music Graph Project: Production Deployment to GCP
The application is up and running in an almost production ready way. I went with GCP for hosting after asking Claude for options. The reason for me was becau...
ssl
Music Graph Project: Production Deployment to GCP
The application is up and running in an almost production ready way. I went with GCP for hosting after asking Claude for options. The reason for me was becau...
claude
Music Graph Project: Upgrading My AI Workflow with MCP
This is somewhat of a one off post for the project. I was feeling the pain of all the cutting and pasting I was doing. This is caused a problem for me becaus...
mcp
Music Graph Project: Upgrading My AI Workflow with MCP
This is somewhat of a one off post for the project. I was feeling the pain of all the cutting and pasting I was doing. This is caused a problem for me becaus...
developer-tools
Music Graph Project: Upgrading My AI Workflow with MCP
This is somewhat of a one off post for the project. I was feeling the pain of all the cutting and pasting I was doing. This is caused a problem for me becaus...
database
Music Graph Project: Multiple Parent Genres
I was asked by my user community of one to create the ability to have multiple parent genres. This was a really tough refactor. At least for the way we tried...
refactoring
Music Graph Project: Multiple Parent Genres
I was asked by my user community of one to create the ability to have multiple parent genres. This was a really tough refactor. At least for the way we tried...
ci-cd
Music Graph Project: CI/CD and Production DevOps
Over the past few days we built out CI/CD and a dev VM. I used Claude CLI for the first time and it worked out better then I thought it would. At first I was...
github-actions
Music Graph Project: CI/CD and Production DevOps
Over the past few days we built out CI/CD and a dev VM. I used Claude CLI for the first time and it worked out better then I thought it would. At first I was...
css
Music Graph Project: UI/UX Improvements
Tonight Claude and I made some UI/UX improvements based on feedback from our single user. He wanted some pretty logical things. Search box was one, alphabeti...
user-experience
Music Graph Project: UI/UX Improvements
Tonight Claude and I made some UI/UX improvements based on feedback from our single user. He wanted some pretty logical things. Search box was one, alphabeti...
security
Music Graph Project: Going Public
Today we took the site live. Some minor UI changes but mostly it was getting the backend production ready. As someone who works with Hashicorp Vault daily, I...
secrets-management
Music Graph Project: Going Public
Today we took the site live. Some minor UI changes but mostly it was getting the backend production ready. As someone who works with Hashicorp Vault daily, I...
jinja2
Music Graph Project: UI Enhancements
Phase 10 focused on UI improvements - We wanted to display the data that we have have in the database but have been hiding from the user. We created a side p...
api
Demo App: Phase 2 - Building the REST API
Tonight we built the API for our demo app. I had a real moment where Go just clicked for me. It was when we built the display API. Instead of reading Claude’...
frontend
Demo App: Phase 3 - Building the Frontend Dashboard
We built the frontend tonight in vanilla JS. This was a tricky one for me because of my lack of JavaScript experience. It was great to finally see something ...
badgerdb
Demo App: Phase 6 - From SQLite to BadgerDB (The Demo for the Demo)
We used the Terraform provider we created in Phase 5 to create a baseline demo. I have been calling it the “demo for the demo”. The provider introduced a dat...