Skip to main content
01 // MANIFEST
N° 2026.01
EDUCATOR & DEVELOPER

Dinar Permadi

Primary School Teacher & Software Developer

Bringing classroom mathematical precision into modern web architecture and clean interface layouts.

SYSTEM SPECIFICATIONS
STATUSAVAILABLE FOR PROJECTS
ALMAMATERUPI Bandung
LOCATIONMajalengka, ID
LOCAL TIME00:00:00 WIB
COORDINATES6°50'S 108°13'E
01.A // PRINCIPLES & WORKING METHOD

Connecting numerical logic, clean code, and visual precision into one unified craft.

Teaching in an elementary classroom shaped how I write software: clear, unpretentious, and free of filler. That conviction guides everything I build with Nuxt 4, Flutter, and Swiss typography: every pixel and function must earn its place, not merely decorate it.

02 // SELECTED CASE STUDIES & SYSTEMS
CURATED ARCHIVE (03 WORKS)
02.01 // 2026

Hadith - Kutubut Tis'ah Encyclopedia

Digital encyclopedia of 38,102 hadiths across 9 major books featuring vocalized Arabic script, Indonesian translations, Cloudflare D1 serverless database, and SWR caching.

nuxtnuxt-uicloudflare-d1drizzle-ormopen-source
02.02 // 2026

HueWarna - Curated Color Palettes in UI Context

Interactive web color palette exploration platform featuring real-world UI component simulations, harmony theory, and WCAG contrast ratios.

nuxtnuxt-uitailwind-csscolor-theoryopen-source
02.03 // 2026

Builder Nuxt UI - Visual Drag & Drop Builder

Visual drag-and-drop builder for composing Nuxt UI v4 interface components and layouts with instant clean Vue code export.

nuxtnuxt-uivuedrag-and-dropdeveloper-tools
OPEN COMPLETE PROJECT ARCHIVE
03 // PRINCIPLES & ETHOSPRINCIPLE 01

“Good design is quiet. Great design stays with you.”

Mathematics teaches truths that cannot be negotiated. Typography teaches how to present them: ordered, modest, and respectful of the reader.

PEDAGOGY & DIGITAL CRAFTUPI BANDUNG
04 // DUAL TOOLKIT MATRIXTECHNICAL DISCIPLINES
A // LOGIC & SYSTEMS

Software Engineering

  • 01.
    Nuxt 4 & Vue 3SSR, Nitro Engine & UnoCSS
  • 02.
    Flutter & DartCross-Platform Mobile Apps
  • 03.
    Python & PHPData Automation, APIs & Backend
  • 04.
    Cloudflare EdgeWorkers, SQLite D1 & Pages
B // VISUAL & GRAPHIC

Graphic & Editorial

  • 01.
    Adobe IllustratorVector Identity & Geometric Grids
  • 02.
    Adobe PhotoshopRaster Composition & Learning Media
  • 03.
    Figma UI ArchitectureDesign Tokens & Component Systems
  • 04.
    Swiss TypographyGrid Structures & Content Hierarchy
WORKING PRINCIPLE: NO ORNAMENT WITHOUT FUNCTIONINDEX 03–04
05 // RECENT WRITING & NOTES
JOURNAL // VOL. 2026
READ ALL ESSAYS & FIELD NOTES
06 // INQUIRIES & COLLABORATION
AVAILABLE FOR PROJECTS

Interested in collaboration or discussing a new project?

Open to conversations about frontend architecture with Nuxt, cross-platform mobile apps with Flutter, typographic design systems, or tech in elementary education.

TYPICAL RESPONSE TIME: 1–2 BUSINESS DAYS // MAJALENGKA (WIB / GMT+7)
DIGITAL PLATFORMS
GRADUATE OF UNIVERSITAS PENDIDIKAN INDONESIA (UPI) BANDUNG · WEST JAVA PROVINCE
TYPOGRAPHY: GT MECHANIK POLY & GT AMERICA (GRILLI TYPE)
© 2026 DINAR PERMADI YUSUP. ALL RIGHTS RESERVED.