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

Dinar Permadi

Primary School Teacher & Software Developer

To me, teaching elementary math and building software aren't that different: both need clear logic without needless complexity.

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

Building for the web with clean math, tidy code, and interfaces that feel effortless to use.

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
VIEW ALL PROJECTS
03 // PRINCIPLES & ETHOSPRINCIPLE 01

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

Math teaches that numbers don't lie. Typography is how I present that clarity: tidy, welcoming, and easy for anyone to read.

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 ARTICLES
06 // INQUIRIES & COLLABORATION
OPEN FOR COLLABORATION

Got a project in mind, want to build something together, or just want to say hi?

I'm always glad to chat about Nuxt, building Flutter apps, geeking out over typography, or bringing technology into primary school classrooms. Drop me a line anytime!

USUALLY REPLIES WITHIN 1–2 DAYS // MAJALENGKA (WIB / GMT+7)
DIGITAL PLATFORMS
GRADUATE OF UNIVERSITAS PENDIDIKAN INDONESIA (UPI) BANDUNG · WEST JAVA PROVINCE
© 2026 DINAR PERMADI YUSUP. ALL RIGHTS RESERVED.