DEV Community: thankamatho

Bolt Hackathon Day 9/30: Prototyping Features

thankamatho — Sun, 08 Jun 2025 03:13:44 +0000

Map Editor

Prototyping the Map Editor and deciding on packages and architecture

Need to build map tiling edge function *

Lore Editor

Prototyping the Lore Editor

Screenshots tomorrow

Still hoping I manage to integrate the separate repos into a single project with bolt instead of a traditional IDE fingers crossed

Bolt Hackathon Day 8/30: Week 1 Post Mortem & Week 2 Plans

thankamatho — Sat, 07 Jun 2025 01:56:28 +0000

Project Idea

I am building an AI Pathfinder World Builder / Campaign Manager
The goal is to have all of the features for building worlds to run campaigns in with features like:

Map Creator
Lore / History Editor (Including Item Creation)
NPC Creator w/ Agentic Capabilities
Pathfinder MCP tool
Pathfinder Rules Integration
AI GM based on the MCP tools and Rules Integration to Run Campaigns
ElevenLabs integration with the GM / NPCs
One more surprise feature base on Agentic Capabilities

Why UI/UX First

I prefer UI/UX first design. That doesn't mean I don't plan out architecture for the backend services, but I prefer UI/UX first design because it helps shape what the backend services should even be. I look at a problem and think about what pain points various features would have, design and test them, and then figure out how to reduce or eliminate those pain points. Sometimes this means fundamental changes in the platform. That is why I feel like ironing out the UI/UX and seeing what backend services that would entail is optimal at least for me.

Initial Naming

Was going to be StoryForge; I misspelled the Domain Name on registration.

Claude4

I am excited for the Claude4 integration announcement

Week 2 Plans

Heads up: Plans and Posts will get more technical as the hackathon moves on

Finish UI for Maps, Lore, and Characters
Setup initial AI chat
Add initial AI features to Maps, Lore, and Characters

Bolt Hackathon Day 7: Day Off

thankamatho — Thu, 05 Jun 2025 22:08:34 +0000

Not much to say. Is my fiancee's day off so I didn't do much today.

It is looking like I am going to hang up the towel on separate projects for features to try and save on tokens. Supabase from a separate project doesn't want to function properly at least on bolt.diy. I might give it one more try post Claude4 migration on bolt.new. I will probably also try to get some referral tokens if I can.

Tomorrow I will post a post-mortem on Week 1 and plans for Week 2.

Bolt Hackathon Day 6/30: UI

thankamatho — Thu, 05 Jun 2025 00:56:25 +0000

Goal was to optimize for visual density.

Navigation

Before
After

Campaign View -> Home View

Before

After

Settings

Before I don't have a photo, it was a terrible dropdown that did not function on the new navigation bar
After

Today Token use:
Bolt: 0
Gemini: 2m
Total use:
Bolt: 5.9m
Gemini: 7m

Bolt Hackathon Day 5/30: Spitballing

thankamatho — Tue, 03 Jun 2025 23:17:46 +0000

Splitting Project Ideas

Project size is leading to large token usage
Creating secondary projects for features/components that are still integrated with supabase (semi-tested, has both worked and not)
Using git urls as json packages (untested)

AG-UI

Import AG-UI github repo using url, failed from npm packages among other things
Will attempt again later.
Mainly looking to make use of the shared layout system

Today Token use:
Bolt: .5m (Live token amount, started AI integration)
Gemini: 3m (Testing creating new projects under same supabase, testing map creator prompts, tested launch page prompt)
Total use:
Bolt: 5.9m
Gemini: 5m

Bolt Hackathon Day 4/30: Token Optimization

thankamatho — Mon, 02 Jun 2025 20:11:36 +0000

Global System Prompt

An initial prompt I got from Discord: For all designs I ask you to make, have them be beautiful, not cookie cutter. Make webpages that are fully featured and worthy for production.
New prompt I am adding:

Industry-Relevant Code Practices – Follow modern, real-world engineering conventions used in professional teams (e.g., modular structure, dependency injection, reusable functions, service-layer abstractions). Clean, Maintainable, and Well-Formatted Code – Include consistent naming, docstrings, inline comments where helpful, and logical file/folder organization. Apply the S.O.L.I.D Principles – Ensure code adheres to: Single Responsibility Principle Open/Closed Principle Liskov Substitution Principle Interface Segregation Principle Dependency Inversion Principle

Project Prompts

Help prevent hallucinations and new package installation problems
USE THE APPROPRIATE SOFTWARES FOR YOUR PROJECT
By default, this template supports JSX syntax with Tailwind CSS classes, React hooks, and Lucide React for icons. Do not install other packages for UI themes, icons, etc unless absolutely necessary or I request them.
Default Logos
Use icons from lucide-react for logos.

Plans

Figure out what the hell pica is
Set up AI integrations for a chat bot

Total use today:
Bolt: 0
Gemini: 0
Total token use overall:
Bolt : 5.4 m (Half way point)
Gemini : 1.9 m (All for aesthetics from 21st.dev)

World's Largest Hackathon: Day 3

thankamatho — Sun, 01 Jun 2025 23:05:16 +0000

World's Largest Hackathon
by Bolt.new

21st Dev

Last night I added one more component to the create campaign modal

Stripe

Setup Stripe integration with bolt.new
Created a product and loaded it into bolt.new
Created all the necessary tables, edge functions, and database functions using bolt.new

Supabase

Troubleshot adding tokens after confirmation of a stripe payment using supabase AI assistant and logs.
Fixed the webhook to use an update method instead of invoking a database trigger which had permission issues.

Bolt Badge

Used bolt.new to add the bolt badge
Used bolt.new and 21st.dev to add some animation to the badge.

Domain name

I set up my free domain name
I spelled it wrong... sToRyFoGe

Will probably take tomorrow really slow, waiting to see how pica works a bit before I start setting up the AI chat services

Total use today:
Bolt : 1.2 m (Stripe and Bolt Badge)
Gemini: .6 m (Animated component in Create Campaign)
Total token use overall:
Bolt : 5.4 m (Half way point)
Gemini : 1.9 m

Actual Hackathon Day 2: Shiny things

thankamatho — Sun, 01 Jun 2025 05:34:22 +0000

Github

Integrated github
Setup auto deployments from github

BoltDIY

Setup BoltDIY so I can augment my tokens a bit.
It is definitely worse than bolt.new
I miss target file and the visual inspector
Used 1.3 million tokens from Gemini-2.5-flash-preview 5-20

21st Dev

Tested out 21st Dev components

BoltDIY

Re-Implemented two elements because BoltDIY broke This is why you use Bolt.new

Plans

Setup a payment page
Use bolt.new to integrate with stripe
Use bolt.new to setup supabase edge function to an LLM API
Use bolt.new to create token gated AI chat

Total token use:

Bolt.new : 4.2 m
Gemini : 1.3 m

Day 2 Plans

thankamatho — Sat, 31 May 2025 16:52:39 +0000

Today's Agenda
Stream start 2pm EDT

Will update after with what got done...

Github

Integrate github
Setup auto deployments from github

Theme

I didn't give branding details when I started, so I will be fixing it to not burn tokens

Generate Theme in tailwind config with Bolt
Search and Replace to implement
Test Bolt to generate new feature with Theme

Campaign Management

Move from mock data to live supabase data
Implement basic CRUD (Create, Read, Update, Delete) functions

Characters / NPCs / Monsters

Move from mock data to live supabase data
Implement basic CRUD functions
Create Character Player mode (Import JSON from pathfinder character sheet)

World Map

Migrate from mock data to live data
Basic CRUD operations
Full Map View
Location pins on Map

21st Dev

Test out 21st Dev components

Day 1 Build and Plans

thankamatho — Sat, 31 May 2025 03:47:06 +0000

The world's largest hackathon presented by bolt.new started today.

Intro

Created my basic prompt
Used Bolt's enhance prompt
Made some UI changes
Bug fixed

Supabase

Setup initial Supabase integration
Had Bolt create database tables based on it's mock data
Setup Authentication with Supabase
Had to fix some policy issues and function triggers for the right data

Deployment

It literally happened so fast I wasn't able to cancel it to catch it on stream before it finished
Will finish integrating github for automated deployments tomorrow

General Plans

Move through features and move from mock data to supabase data The longer I wait, the more tokens I will lose to mock data writes
Will Focus on DM mode as the UI should mostly translate over as a subset to Player mode
Setup AI code review and documentation tools
Convert over to a theme system for customization and easier maintenance
Implement some UI components from 21st.dev

GO! The world’s largest hackathon by bolt.new starts now! https://worldslargesthackathon.devpost.com I will be living streaming my build here as soon as I get my builder pack: https://twitch.tv/thanhansithankamatho #bolthackathon

thankamatho — Fri, 30 May 2025 12:58:08 +0000

Set. --up your environment. The world’s largest hackathon, presented by Bolt.new, starts tomorrow afternoon (12pm PST May 30). Stay tuned for the livestream link tomorrow, where I will begin building and teaching my workflow.

thankamatho — Thu, 29 May 2025 17:15:46 +0000