Sign In Sign Up

Make license plate editable in edit mode

Nic
Nic Wise • @fastchicken
 8mo ago
nicwise/RUCBuddy main
ok, so we have a mostly working app. I'd like to change two things. The first thing is, I'd like the license plate to be editable when you're in edit mode.

Done! The license plate is now editable when in edit mode. When you tap "Edit" in the car detail view, the license plate will become a text field that you can modify. It includes the same formatting options as when adding a new car (uppercase characters, no autocorrection) and is right-aligned to match the existing design pattern.

ok, next job: in the top left I'd like a settings icon, which goes to a slide-up settings page. Right now it just has about information on it (the icon, the name, "By Nic Wise and Amp" etc), as well as some buttons which will allow the user to do a IAP for a tip - so a one-off, no actual subscription, payment.

Perfect! I've implemented both features:

  1. Editable license plate: In edit mode, the license plate becomes a text field in the car detail view
  2. Settings page: Added a gear icon in the top left that opens a settings sheet containing:
    • About section with app icon, name, and credits
    • IAP tip jar with three tiers (coffee, lunch, dinner) using StoreKit 2

The IAP implementation includes proper loading states, purchase flow, success alerts, and prevents multiple simultaneous purchases. You'll need to set up the corresponding products in App Store Connect with the product IDs: com.nicwise.rucord.tip.coffee, com.nicwise.rucord.tip.lunch, and com.nicwise.rucord.tip.dinner.

nice one! Can you add, under "Created By" a button which links off to my website - https://fastchicken.co.nz/rucord

Done! Added a website link button under the "Created by" section that opens https://fastchicken.co.nz/rucord in the user's default browser.

and another one which links to the amp website - ampcode.com

Added! Now the About section has both website links - one to your site and one to ampcode.com.

can you change "Visit Website" to be "Rucord website"

Done! Changed "Visit website" to "Rucord website".

and change the amp one to be "Ampcode - Agentic Coding"

Done! Updated the link text to "Ampcode - Agentic Coding".

thanks. Can you commit that to git and push it to github.

Done! Committed and pushed the changes to GitHub. The commit includes the editable license plate feature and the new settings page with IAP tip functionality.