Journal

Category

✶ Guides · Page 14

Medical Inventory Barcode Scanner UI in SwiftUI: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 6 min read

Medical Inventory Barcode Scanner UI in SwiftUI

The unit is the lot, not the product: parse GS1 expiry and batch from one scan, sort by expiry, and identify recalled lots a count-only system never could.

Lawrence Arya · June 7, 2026
Maya Digital Bank UI Clone in React Native: the App Store logo as a frosted glass icon on a pink and blue gradient with bubbles
Guides 6 min read

Maya Digital Bank UI Clone in React Native

A wallet-plus-bank hybrid, not just a wallet: QR Ph pay and buy-load alongside a real deposit account, with the two balances never blurred.

Lawrence Arya · June 7, 2026
Mercado Pago Checkout UI in React Native: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 5 min read

Mercado Pago Checkout UI in React Native

Not a card form, a payment-method router: installments, wallet, and cash/Pix as peers, with orders pending until the webhook confirms.

Lawrence Arya · June 7, 2026
Mesh Network Offline Chat UI in React Native: a reflective 3D App Store icon on a blue and purple gradient
Guides 6 min read

Mesh Network Offline Chat UI in React Native

Proximity networking, not the internet: MultipeerConnectivity and Bridgefy carry messages device to device, with the UI honest about queued, relayed, delivered.

Lawrence Arya · June 7, 2026
MetaTrader MT4 Mobile UI Clone in React Native: a glowing iPhone home-screen icon on a purple and blue gradient
Guides 6 min read

MetaTrader MT4 Mobile UI Clone in React Native

Clone the four-panel terminal; route real orders through a licensed broker. Streaming quotes with visible freshness, and fills pending until confirmed.

Lawrence Arya · June 7, 2026
Midjourney-Style Image Grid Selector UI in SwiftUI: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 6 min read

Midjourney-Style Image Grid Selector UI in SwiftUI

The grid is the decision screen: each cell a state machine, tap-to-focus selection, first-class re-roll, and honesty about cost, wait, and failures.

Lawrence Arya · June 7, 2026
Migrating from Firebase to Supabase in React Native: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 6 min read

Migrating from Firebase to Supabase in React Native

A data-layer migration, not a UI rewrite: Firestore documents become normalized Postgres tables, Security Rules become audited RLS, and supabase-js replaces the SDK.

Lawrence Arya · June 7, 2026
Mindful Scrolling Speed Bump UI in React Native: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 6 min read

Mindful Scrolling Speed Bump UI in React Native

Add a sliver of friction to an infinite feed: a passable nudge, not a lock, with honest iOS limits and a win condition of less use, not more.

Lawrence Arya · June 7, 2026
M-Pesa PIN Lock Screen UI Clone: a glass iPhone app-grid icon on a mint and teal gradient
Guides 5 min read

M-Pesa PIN Lock Screen UI Clone

Clone the PIN-entry UX, not the auth: a custom keypad with dots-not-digits, server-side verification, lockout, and authorize-with-context.

Lawrence Arya · June 7, 2026
Multiplayer Game Voice Chat Overlay in SwiftUI: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 6 min read

Multiplayer Game Voice Chat Overlay in SwiftUI

The game is the content, the overlay is a passenger: speaking-reactive tiles from real audio, instant mute, push-to-talk, and a voice SDK over AVAudioSession.

Lawrence Arya · June 7, 2026
Multi-Window Support in React Native iOS: The Honest Path: a glass iPhone app-grid icon on a mint and teal gradient
Guides 6 min read

Multi-Window Support in React Native iOS: The Honest Path

An iPad and desktop feature built on UIScene, hard in RN's single-window world. Nail adaptive resizing first; per-window state is the real work.

Lawrence Arya · June 7, 2026
N26 Bank App UI Clone in React Native: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 6 min read

N26 Bank App UI Clone in React Native

A clean single-purpose neobank, not a wallet: enriched instant notifications, card controls, IBAN-first European rails, and a balance that never lies.

Lawrence Arya · June 7, 2026
Is NativeWind v4 a SwiftUI Alternative?: a reflective 3D App Store icon on a blue and purple gradient
Guides 5 min read

Is NativeWind v4 a SwiftUI Alternative?

They solve different problems: NativeWind styles React Native, SwiftUI is native iOS. The real choice is cross-platform reach vs single-platform depth.

Lawrence Arya · June 7, 2026
Native iOS Settings Page Boilerplate in SwiftUI: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 6 min read

Native iOS Settings Page Boilerplate in SwiftUI

Settings is review-critical and AI builders generate it worst: a grouped native List, persisted toggles, required account-deletion and legal rows, done right.

Lawrence Arya · June 7, 2026
Onboarding A/B Testing UI in React Native: a glass app tile showing the VP0 logo on a pink and blue gradient
Guides 6 min read

Onboarding A/B Testing UI in React Native

Mostly an instrumentation task: sticky variant assignment, new-installs-only, and measuring activation not completion, so a bad test does not ship a worse app.

Lawrence Arya · June 7, 2026
Pallet Barcode Bulk Scanner UI in React Native: a reflective 3D App Store icon on a blue and purple gradient
Guides 6 min read

Pallet Barcode Bulk Scanner UI in React Native

Continuous capture, not tap-per-item: deduplicate across frames, confirm with beep-and-haptic so eyes stay on the pallet, and review before commit.

Lawrence Arya · June 7, 2026
Passport NFC Chip Reader UI in SwiftUI: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 6 min read

Passport NFC Chip Reader UI in SwiftUI

MRZ first, then the chip: the printed page derives the access key, Core NFC reads the signed data groups, and the UI coaches an anxious user through a finicky read.

Lawrence Arya · June 7, 2026
Pet Breed Identifier Camera AI UI in SwiftUI: a glass iPhone app-grid icon on a mint and teal gradient
Guides 5 min read

Pet Breed Identifier Camera AI UI in SwiftUI

The model classifies; the app presents uncertainty honestly. On-device Core ML, top-three confidences, capture coaching, and a fun estimate, not a pedigree.

Lawrence Arya · June 7, 2026
Photomath Clone Camera Scanner UI in SwiftUI: a glass photo icon surrounded by chat, music, heart, camera and shopping app icons on a pastel gradient
Guides 6 min read

Photomath Clone Camera Scanner UI in SwiftUI

Capture, recognize, solve, show steps: recognizing math is harder than text, the user confirms the parsed equation, and the worked steps are the product.

Lawrence Arya · June 7, 2026
Pinterest Waterfall Grid Masonry in React Native: a glass iPhone UI wireframe icon on a holographic purple gradient
Guides 6 min read

Pinterest Waterfall Grid Masonry in React Native

Variable heights, packed tight, at 60fps: shortest-column placement, height reserved from aspect ratio to kill reflow, and FlashList virtualization.

Lawrence Arya · June 7, 2026
Podcast Snippet Clipper UI in React Native: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 6 min read

Podcast Snippet Clipper UI in React Native

Every shared clip is a fan-made trailer: a waveform selector, a render pipeline that burns in captions for muted feeds, and attribution on every clip.

Lawrence Arya · June 7, 2026
PostHog Analytics Custom Events in SwiftUI: the App Store logo as a glossy glass icon on a purple and blue gradient with floating bubbles
Guides 6 min read

PostHog Analytics Custom Events in SwiftUI

Analytics is a deliberate taxonomy, not a firehose: events designed backward from questions, consistent naming, a thin SDK wrapper, consent-gated and PII-free.

Lawrence Arya · June 7, 2026
PromptPay QR Code Generator UI in SwiftUI: a glossy App Store icon on a blue, pink and orange gradient with bubbles
Guides 6 min read

PromptPay QR Code Generator UI in SwiftUI

The QR is a standard, not free text: an EMVCo TLV payload with a checksum, static vs dynamic codes, and human-readable payee context as a fraud defense.

Lawrence Arya · June 7, 2026
Prop-Firm Passing Dashboard UI Template: a phone toggle icon surrounded by location, calendar, settings, wallet and chart app icons on a coral gradient
Guides 6 min read

Prop-Firm Passing Dashboard UI Template

A rule-compliance instrument, not a portfolio screen: profit target plus danger gauges for the loss limits that end a funded-trading challenge instantly.

Lawrence Arya · June 7, 2026