Trying out Vibe Coding

I’ve been hearing lots of talk, both good and bad, about “vibe coding.” It almost seems controversial. I’ve been vibing lately and every once in a while I’m impressed and feel like I can glimpse what the future might be.

I plan to document some of the instances of vibe coding that have worked well for me here. In this set of examples I’ll be using Claude Code

---

[0000] APIs with Zustand & Tanstack Query (no recording)

• /add-dir frontend/src/app/

Implement the following curl endpoints in `api.ts` `hooks.ts` and `store.ts` for these entities:
 
Get
curl --request GET \
  --url http://127.0.0.1:48997/api/entities/1 \
  --header 'Authorization: Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJyb2xlcyI6WyJ1c2VyIl0sInN1YiI6IjEiLCJpYXQiOjE3NDkwODQxMzgsImV4cCI6MTc0OTA4NDE5OH0.GjF2t9ihy0iS2eNUQMLgQxnJpRWHP2TVGsOuloJCFcg'
 
this curl endpoint RETURNS this JSON data:
 
{
	"id": 1,
	"label": "third",
	"description": "desc",
	"author": "jerlendds",
	"source": "import osintbuddy as ob",
	"ctime": "2025-07-04T05:30:29.391018Z",
	"mtime": "2025-07-04T05:30:29.391018Z"
}
 
Get list
curl --request GET \
  --url 'http://127.0.0.1:48997/api/entities/?skip=0&limit=50' \
  --header 'Authorization: Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJyb2xlcyI6WyJ1c2VyIl0sInN1YiI6IjEiLCJpYXQiOjE3NDkwODQxMzgsImV4cCI6MTc0OTA4NDE5OH0.GjF2t9ihy0iS2eNUQMLgQxnJpRWHP2TVGsOuloJCFcg' \
  --header 'Content-Type: application/json'
  
  RETURNS this JSON data:
  
  [
	{
		"id": 1,
		"label": "third",
		"description": "desc",
		"author": "jerlendds",
		"source": "import osintbuddy as ob",
		"ctime": "2025-07-04T05:30:29.391018Z",
		"mtime": "2025-07-04T05:30:29.391018Z"
	}
  ]
  
  Update
  curl --request PATCH \
    --url http://127.0.0.1:48997/api/entities/ \
    --header 'Authorization: Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJyb2xlcyI6WyJ1c2VyIl0sInN1YiI6IjEiLCJpYXQiOjE3NDg5ODIxNzMsImV4cCI6MTc0ODk4MjIzM30.-rA2-_XC66LfuYdGANBUR_selJHxxFjCK5jUuCZWrzY' \
    --header 'Content-Type: application/json' \
    --data '{
	"id": 2,
	"label": "second",
	"description": "desc",
	"author": "jerlendds",
	"source": "import osintbuddy as ob"
  }'
  
  RETURNS this JSON data:
  
  {
	"id": 1,
	"label": "one!!second",
	"description": "desc",
	"author": "jerlendds",
	"source": "import osintbuddy as ob",
	"ctime": "2025-07-04T05:30:29.391018Z",
	"mtime": "2025-07-04T05:30:29.391018Z"
  }
  
  Delete
  curl --request DELETE \
    --url http://127.0.0.1:48997/api/entities/ \
    --header 'Authorization: Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJyb2xlcyI6WyJ1c2VyIl0sInN1YiI6IjEiLCJpYXQiOjE3NDg5NzQzNjQsImV4cCI6MTc0ODk3NDQyNH0.As1Gcym9TIOP0O64hp1EJmkica6jewVFuL3MI337juY' \
    --header 'Content-Type: application/json' \
    --data '{
	"id": 2
  }'
  
  RETURNS 200 Ok
  
  Post create
  curl --request POST \
    --url http://127.0.0.1:48997/api/entities/ \
    --header 'Authorization: Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJyb2xlcyI6WyJ1c2VyIl0sInN1YiI6IjEiLCJpYXQiOjE3NTE2MDcwMDcsImV4cCI6MTc1MTYwNzA2NywiZW1haWwiOiJvc3NAb3NpbnRidWRkeS5jb20iLCJuYW1lIjoib3NpbnRidWRkeSIsImN0aW1lIjoiMjAyNS0wNi0yNVQwNDo0NTo1OS45NTM0NjBaIn0.nMcTsNeOR6EF1RrzbMMZ_5uFRwfaGz-o5ahzmngplWg' \
    --header 'Content-Type: application/json' \
    --data '{
	"label": "third",
	"description": "desc",
	"author": "jerlendds",
	"source": "import osintbuddy as ob"
  }'
  
  RETURNS this JSON data:
  
  {
	"id": 1,
	"label": "third",
	"description": "desc",
	"author": "jerlendds",
	"source": "import osintbuddy as ob",
	"ctime": "2025-07-04T05:30:29.391018Z",
	"mtime": "2025-07-04T05:30:29.391018Z"
  }

[0001] Fixing Browser Console Errors (youtube)

• /add-dir frontend/src/app/
• /add-dir frontend/src/routes/dashboard

fix the following errors with the context and \`EntityDetails.tsx\` React Router caught the following error during render ReferenceError: activeEntity is not defined                                     │
         EntityDetailsPage EntityDetails.tsx:8                                                                                                                                                               │
         Preact 9                                                                                                                                                                                            │
         debounceRendering debounceRendering.js:13                                                                                                                                                           │
                                                                                                                                                                                                             │
     Object {  }                                                                                                                                                                                             │
     <anonymous code>:1:145535                                                                                                                                                                               │
     Error handled by React Router default ErrorBoundary: ReferenceError: activeEntity is not defined                                                                                                        │
         EntityDetailsPage EntityDetails.tsx:8                                                                                                                                                               │
         Preact 9                                                                                                                                                                                            │
         debounceRendering debounceRendering.js:13                                                                                                                                                           │
     <anonymous code>:1:145535                                                                                                                                                                               │
     Uncaught ReferenceError: activeEntity is not defined                                                                                                                                                    │
         EntityDetailsPage EntityDetails.tsx:8                                                                                                                                                               │
         Preact 9                                                                                                                                                                                            │
         debounceRendering debounceRendering.js:13