Frogineer · The Tactile Playground

[ THE TOOLBOX ]

Inflatable Full-Stack Cells.

Every capability cell is engineered with deep computer science rigor, solid architecture, and tactile delight.

📖 Library Bookshelf: Click any book spine to pull out and open its volume specifications! (Primarily Flutter for shared codebase velocity, specialized in HTML+CSS+Vite).

VOL. I

NYP DIME ★ TOP PICK

FLUTTER 3.x VELOCITY

Unified Shared Codebase for iOS, Android & Web

FlutterDartRiverpod

120 FPS FROGINEER '25

VOLUME I · ARCHITECTURE

Flutter (Shared Codebase)

Primary Recommended Framework: Build once and deploy silky 120 FPS apps across iOS and Android with single-codebase maintainability.

Riverpod Cross-Platform Hot Reload

VOL. II

NATIVE APPLE/DROID

NATIVE MOBILE APPS

SwiftUI, Kotlin Jetpack Compose & BLE Beacons

SwiftUIComposeBLE

HARDWARE FROGINEER '25

VOLUME II · MOBILE PLATFORMS

iOS + Android Native

Deep Platform Craft: Hardware sensors, CoreBluetooth BLE beacons, custom Metal/Compose shaders, and native OS haptics.

SwiftUI Jetpack Compose Coroutines

VOL. III

SQL 3NF-4NF DATABASE

ENTERPRISE SQL (3NF-4NF)

Zero Redundancy & ACID Relational Schemas

PostgreSQL3NF/4NFACID

STRICT FROGINEER '25

VOLUME III · RELATIONAL DATA

Enterprise SQL (3NF–4NF)

Zero Data Redundancy: Rigorous schema normalization from 3rd to 4th Normal Form with rock-solid ACID transactions.

PostgreSQL Indexes ACID Rules

VOL. IV

APPLIED AI CHATBOTS

AI & CHATBOT SYSTEMS

RAG Engines, OpenAI & Connectable AI

ChatbotsRAGOpenAI

INTELLIGENT FROGINEER '25

VOLUME IV · ARTIFICIAL INTELLIGENCE

AI, Chatbots & Connectable

Connectable AI Microservices: Conversational AI chatbots, RAG retrieval engines, and plug-and-play AI modules connectable to any ERP or web tool.

RAG Search OpenAI APIs CoreML

VOL. V

FRONTEND WEB CRAFT

HTML · CSS · VITE WEB

Zero Bloat, High Velocity & Modern CSS

HTML5CSS3Vite

FAST FROGINEER '25

VOLUME V · WEB ENGINEERING

HTML5 + CSS3 + Vite Web

Specialized Web Builds: Ultra-fast, responsive web applications crafted with semantic HTML5, modern vanilla CSS design tokens, and Vite tooling.

Semantic HTML5 CSS Design Tokens Vite Bundlers

VOL. VI

ENTERPRISE ERP & OPS

ENTERPRISE ERP SYSTEMS

Custom Operational Workflows & Cloud Hub

FastAPINode.jsERP

RELIABLE FROGINEER '25

VOLUME VI · ENTERPRISE OPERATIONS

Enterprise ERP & Workflows

Operational Digitization: Custom business workflow software (Horizon-ERP & SGWOODWORKS), FastAPI services, and automated invoicing pipelines.

ERP Automation FastAPI Cloud Hub

[ THE VINYL CRATE ]

Drag & Flip Through Works.

← CONTINUOUS SLIDE · HOVER TO PAUSE →

TRACK 01 · CLIENT BUILD (CROSS-SCHOOL COLLAB)

Horizon-ERP

Client: Espressgo (Startup). Streamlined Enterprise Resource Planning (ERP) automating multi-step manual paperwork for solo-entrepreneurs.

Automated Solo-Ops · Zero Paperwork

TRACK 02 · CUSTOM ENTERPRISE BUILD

Horizontal-Accounting

Client: SGWOODWORKS (Singapore Carpentry). Converted operational flow to software, slashing 80% manual workload and organizing messy file storage.

-80% Workload · Clean Cloud Storage

TRACK 03 · FLUTTER MOBILE GAME

Temasek Fishes

Flutter Sea Aquarium & Mini-Game. Explore a vibrant digital marine ecosystem paired with a tactile sea memory matching card challenge.

Flutter 3.0 · Interactive Marine Game

TRACK 04 · DEVELOPER PORTFOLIO

Tan Yue Jun

Personal Landing Page & Showcase. View complete engineering showcases, deep-dives, and learn more about my craft.

tanyuejun.juxtechnologies.net

TRACK 01 · CLIENT BUILD (CROSS-SCHOOL COLLAB)

Horizon-ERP

Client: Espressgo (Startup). Streamlined Enterprise Resource Planning (ERP) automating multi-step manual paperwork for solo-entrepreneurs.

Automated Solo-Ops · Zero Paperwork

TRACK 02 · CUSTOM ENTERPRISE BUILD

Horizontal-Accounting

Client: SGWOODWORKS (Singapore Carpentry). Converted operational flow to software, slashing 80% manual workload and organizing messy file storage.

-80% Workload · Clean Cloud Storage

TRACK 03 · FLUTTER MOBILE GAME

Temasek Fishes

Flutter Sea Aquarium & Mini-Game. Explore a vibrant digital marine ecosystem paired with a tactile sea memory matching card challenge.

Flutter 3.0 · Interactive Marine Game

TRACK 04 · DEVELOPER PORTFOLIO

Tan Yue Jun

Personal Landing Page & Showcase. View complete engineering showcases, deep-dives, and learn more about my craft.

tanyuejun.juxtechnologies.net

[ THE WORKSHOP · SPRINT GAMEBOARD ]

Assemble the 4-Phase Craft Engine.

STAGE 01 / 04

Drag, tap, or roll the dice to match our 4-stage engineering sprint (01 Blueprint ➔ 02 Clay ➔ 03 Full-Stack ➔ 04 Launch) and unlock the studio warp!

⚙️ Sprint Assembly: 0 / 4 Steps Matched

── 📐 DRAG OR TAP THESE 4 CRAFT PHASES ──

📐 01 Blueprint Schemas & Spec

🏺 02 Tactile Clay Figma Prototype

⚡ 03 Full-Stack Code & Tests

🚀 04 Launch App Store & Cloud

── 🎯 4 SPRINT STATIONS (ENGINEER PAWN TRACK) ──

🐸

✓ MATCHED 01

📐

01. Blueprint Desk Architecture & 4NF Data Spec

✓ MATCHED 02

🏺

02. Clay Workshop Tactile UX & Micro-Springs

✓ MATCHED 03

⚡

03. Code Assembly Full-Stack Snap & CI/CD

✓ MATCHED 04

🚀

04. Launch Platform App Store & Cloud Deploy

🎉 4-STEP SPRINT ASSEMBLED!

Engineering Pipeline Calibrated. Ready to Proceed?

You have successfully calibrated the 4-phase Frogineer craft workflow. Step inside the studio to discover the collective or transmit your project dispatch!

Remarkable engineers with a warm craft.

Inflatable Full-Stack Cells.

Flutter (Shared Codebase)

iOS + Android Native

Enterprise SQL (3NF–4NF)

AI, Chatbots & Connectable

HTML5 + CSS3 + Vite Web

Enterprise ERP & Workflows

Drag & Flip Through Works.

Horizon-ERP

Horizontal-Accounting

Temasek Fishes

Tan Yue Jun

Horizon-ERP

Horizontal-Accounting

Temasek Fishes

Tan Yue Jun

Assemble the 4-Phase Craft Engine.

Engineering Pipeline Calibrated. Ready to Proceed?

Send a Dispatch to the Workshop.