Skip to content
View jrjohn's full-sized avatar
2 followers · 3 following

Block or report jrjohn

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. Markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
jrjohn/README.md

System/Software Architect | Full-Stack Developer | Taiwan

Email ORCID

Building enterprise-grade applications with Clean Architecture design

🏗️ Arcana Architecture Suite

A comprehensive collection of enterprise-grade reference architectures implementing Clean Architecture, Offline-First design, and MVVM patterns across multiple platforms.

flowchart TB
    subgraph Client["📱 Client Applications"]
        direction LR
        subgraph Mobile["Mobile"]
            iOS["🍎 iOS<br>SwiftUI + SwiftData"]
            Android["🤖 Android<br>Jetpack Compose"]
            HarmonyOS["🔷 HarmonyOS<br>ArkTS + ArkUI"]
        end
        subgraph Web["Web"]
            Angular["🅰️ Angular<br>Signals + RxJS"]
            React["⚛️ React<br>Hooks + Zustand"]
            Vue["💚 Vue<br>Composition API"]
        end
        subgraph Desktop["Desktop"]
            Windows["🪟 Windows<br>WinUI 3 + MVVM"]
        end
    end

    subgraph Cloud["☁️ Cloud Services"]
        direction LR
        SpringBoot["☕ Spring Boot<br>gRPC + REST + OSGi"]
        Python["🐍 Python<br>Flask + gRPC"]
        Go["🐹 Go<br>High Performance"]
        Rust["🦀 Rust<br>Memory Safety"]
        NodeJS["💚 Node.js<br>Express + Prisma"]
    end

    subgraph Core["🎯 Core Principles"]
        CA["Clean Architecture"]
        OF["Offline-First"]
        MVVM["MVVM I/O/E Pattern"]
    end

    Mobile --> Cloud
    Web --> Cloud
    Desktop --> Cloud
    Cloud --> Core
Loading

📱 Mobile Development

Platform Repository Tech Stack Description
🍎 arcana-ios Swift, SwiftUI, SwiftData Clean Architecture with Offline-First design and Analytics Tracking
🤖 arcana-android Kotlin, Jetpack Compose, Hilt Clean Architecture with Offline-First design and AOP Analytics
🔷 arcana-harmonyos ArkTS, ArkUI HarmonyOS NEXT application with Clean Architecture

🖥️ Desktop Development

Platform Repository Tech Stack Description
🪟 arcana-windows C#, WinUI 3, MVVM Clean Architecture with Plugin System and CRDT-based Offline Sync

🌐 Web Development

Framework Repository Tech Stack Description
🅰️ arcana-angular TypeScript, Angular, Signals Production-ready with Offline-First capabilities and Enterprise Security
⚛️ arcana-react TypeScript, React 19, Zustand Enterprise-grade with MVVM Input/Output/Effect pattern
💚 arcana-vue TypeScript, Vue 3, Pinia Modern Vue application with Composition API

☁️ Cloud Services

Language Repository Tech Stack Description
☕ arcana-cloud-springboot Java, Spring Boot, gRPC Dual-protocol (gRPC 2.5x faster), OSGi Plugin System, GraalJS SSR
🐍 arcana-cloud-python Python, Flask, gRPC gRPC-first architecture (2.78x faster), flexible deployment modes
🐹 arcana-cloud-go Go, Gin/Fiber, gRPC High-performance microservices with native concurrency
🦀 arcana-cloud-rust Rust, Actix/Axum High-performance cloud services with memory safety
💚 arcana-cloud-nodejs Node.js, Express, Prisma InversifyJS DI, gRPC-first (1.80x faster), dual-protocol support

📊 GitHub Activity

Profile Views GitHub followers GitHub stars

"Architecture is not about frameworks and tools, it's about making the right decisions at the right time."

@ Nirvana | Taiwan

Pinned Loading

  1. arcana-ios arcana-ios Public

    A modern iOS application demonstrating Clean Architecture, Offline-First design, and Analytics Tracking with SwiftUI.

    Swift

  2. arcana-android arcana-android Public

    A modern Android application demonstrating Clean Architecture, Offline-First design, and AOP Analytics with Jetpack Compose.

    Kotlin 1

  3. arcana-angular arcana-angular Public

    Production-ready Angular application with Clean Architecture, Offline-First capabilities, and Enterprise Security

    TypeScript 1

  4. arcana-react arcana-react Public

    Enterprise-grade React reference architecture implementing Clean Architecture, Offline-First design, and MVVM Input/Output/Effect pattern.

    HTML

  5. arcana-cloud-springboot arcana-cloud-springboot Public

    Enterprise-grade cloud platform with dual-protocol architecture (gRPC 2.5x faster / HTTP REST), OSGi Plugin System (Apache Felix) for hot-deployable extensions, Server-Side Rendering with GraalJS f…

    Java

  6. arcana-cloud-python arcana-cloud-python Public

    Enterprise-grade cloud platform with gRPC-first architecture (2.78x faster than HTTP REST), supporting dual-protocol communication and three flexible deployment modes (Monolithic, Layered, Microser…

    Python