Technical Overview

Architecture &
Technical Stack

A deep dive into how BentoBox is built — multi-platform, privacy-first, and ready to scale.

Platform Architecture

Three platforms, one codebase philosophy.

Chrome Extension

Week 1
Next.js Static Export
Full app compiled to static HTML/JS/CSS for extension packaging
Manifest V3
Modern Chrome extension manifest with background service worker
chrome.storage.local
Privacy-first local storage — no data leaves the browser
Full-Tab Deployment
Opens as a dedicated browser tab for maximum workspace

iOS App

Weeks 2–4
React Native
Shared codebase with web for consistent UX across platforms
In-App Purchases
Native StoreKit integration for Pro and Lifetime tiers
Push Notifications
Reminders and feature update alerts via APNs

Android App

Weeks 2–4
React Native
Same codebase as iOS — build once, deploy everywhere
Google Play Billing
Native billing library for subscriptions and one-time purchases
Cross-Platform Sync
Optional cloud sync layer for multi-device workflows

Tech Stack

Modern, proven technologies at every layer.

Frontend (Web)

  • React 19
  • Next.js 16 (App Router)
  • TypeScript
  • Tailwind CSS v4
  • shadcn/ui

Frontend (Mobile)

  • React Native
  • Native UI components
  • Platform-specific navigation

Storage

  • chrome.storage.local (extension)
  • AsyncStorage (mobile)
  • Optional cloud sync

Authentication

  • License key system
  • Stripe / Gumroad backend
  • No user accounts required

Architecture

  • 100% client-side PHI handling
  • No server database
  • Zero cloud dependency

Compliance

  • No HIPAA requirement
  • User-controlled infrastructure
  • Privacy-by-design

Development Timeline

3–4 weeks to full multi-platform launch.

Days 1–2DONE

Chrome Extension

Static export build pipeline, manifest v3, storage abstraction, background worker

Days 3–5IN PROGRESS

Chrome Web Store

Icon generation, privacy policy, store listing, screenshot assets, submission

Week 2

React Native Setup

Project scaffolding, shared component library, navigation architecture

Week 3

Mobile Core Features

SOAP note generation, diagrams, templates, clipboard integration

Week 4

App Store Submission

In-app purchases, store listings, beta testing, submission to App Store & Play Store

Month 2

Cross-Platform Sync

Optional cloud sync, multi-device workflows, data migration tools

Month 3

Premium Expansion

Custom templates marketplace, team sharing, advanced analytics

Key Dependencies

Spoiler: there aren't any.

External ServicesNone required

Fully self-contained — no third-party API dependencies for core functionality

Server InfrastructureNone

Client-side architecture eliminates hosting, scaling, and maintenance costs

DatabaseNone

All data stored locally on the user's device — browser storage or native device storage

Build PipelineReady

Next.js static export + Chrome extension build script + React Native CLI