Skip to main content

Chapter 6: Customizing Your App

One-line summary: Make it look like you built it. Your colors, your logo, your vibe — Bob handles the rest.


#It's Your App. Make It Feel Like It.

The default version Bob builds is functional. But "functional" and "yours" are different things.

This is where you inject personality. Your color scheme. Your name. Your brand. The stuff that makes someone look at it and say "oh that's [your name]'s thing."

None of this requires code. Just describe what you want.


#Changing Colors and Fonts

This is the easiest win:

  • "Change the color scheme to dark purple and gold"
  • "Use a bright green and black hacker aesthetic"
  • "Make it clean and minimal — white background, black text, one accent color of coral pink"
  • "Match these colors: the background is #1a1a2e and the accent is #e94560"

That last one uses hex codes — the secret color language of the internet. Every color has one. You can Google "color picker" and find the hex code for any color you want. Just paste it to Bob.


If you have a logo or image file:

  1. Have the file ready on your computer
  2. Tell Bob: "I want to add my logo to the top left corner. I'll upload the file."
  3. Share the file in the chat

Bob will drop it in and make it look right. If you don't have a logo yet, you can also say: "Generate a simple logo for my tip jar app called 'SatoshiTips' — something Bitcoin-themed."


#Adding Pages

Starting with one page is smart. But once your core works, expand:

  • "Add an About page that explains what this app does and why I built it"
  • "Add a How It Works page with three simple steps"
  • "Add a leaderboard page showing the top donors"

Each new page is one message to Bob.


#Making It Mobile-Friendly

Half of everyone who sees your app will view it on their phone. Make sure it works:

"Make sure the app looks great on mobile screens too — the buttons should be big enough to tap and nothing should get cut off."

Bob will adjust the layout so it looks good on any screen size.


#Adding Wallet Connection

This is the Bitcoin-specific magic. When you want real users to connect their OPWallet:

"Add a 'Connect Wallet' button at the top right. When someone clicks it, it should connect their OPWallet and show their wallet address."

Once users are connected, they can actually send and receive Bitcoin through your app. That's when it stops being a prototype and starts being a real Bitcoin app.


#The Fun Stuff

Don't sleep on these — they make your app feel polished and memorable:

  • "Add a confetti explosion when someone successfully donates"
  • "Add a satisfying animation when a transaction goes through"
  • "Play a little chime sound when the page loads"
  • "Make the donate button pulse gently to draw attention"
  • "Add a 'copying...' flash when someone copies their wallet address"

Small details like these are what separate a forgettable app from one people share with their friends.


#You're Building Something Real

By the time you've customized it — your colors, your logo, your personality baked in — you've built something that's genuinely yours.

Nobody else will have exactly this. That's the point.


Next up: Getting your app on the internet and submitting to the competition. →

Ready to test your knowledge?

20 questions covering everything from vibecoding basics to shipping a complete dApp.

Take the Quiz