עברית
Motion
AccessibilityPrivacy

Senior full-stack developer · System builder · Designer

I build whole systems, from the server to the last pixel.

See the workAbout
01 / Ta'az Digital PlatformFlagship · 2025 – present

One home for Ta'az, built for 14,500+ users.

I led Ta'az's Hebrew platform from the brief to production, on one shared design system, and wrote Launchpad, the deployment tool that set up its production server.

Case study Live demo
The portal's home page: the Ta'az emblem, menus for HR staff, commanders and employees, one large search box and quick links.
The portalDesign · 01
Diagram: employees, commanders and HR staff, editors and publishers, and teams storing files reach a secure HTTPS gateway on the application server, which hosts the portal, the CMS, the file and media service, notifications and the Hebrew search engine on one shared design system; a database server with Microsoft SQL Server and the organisation's identity provider sit beside it, all inside the closed network
ArchitectureSystem · 02
The Ta'az Showcase site: the component catalogue in the side menu and the "Meet the Team" component in its Hierarchy org-chart design
The design systemDesign · 03
The homepage layout builder: a tree of homepage sections with the carousel editor open, a live preview on the left and style, card, animation and progress-bar settings on the right
Homepage layout builderSystem · 04
Three phone screens: the home page with search and quick links, the important-messages carousel, and the calendar filters
On a phoneDesign · 05
02 / TovantoPartner, lead developer and architect · May 2026 – present
03 / console-uiDesigner and sole developer · July 2026 – present
04 / Business platform for a transport company in EuropeLead developer and system architect · September 2026 – present
05 / Case studies11 more systems, each with its full story

Systems people actually use, from kiosks to platforms.

06 / Also builtSmaller projects

Smaller builds, same care.

  • Cover for Spark Rework: a screen from the project

    Spark Rework

    A full dark theme for the IBI Spark trading platform, applied by a browser extension without moving a pixel of layout.

    Set the rules and guardrails and directed Claude Code agents

  • Cover for NexusPlatform: a screen from the project

    NexusPlatform

    A mockup-stage startup attempt: a "community OS" that each senior-living community brands as its own, with a residents' app and a back office to build it.

    Founder and sole developer

    Live demo
  • Cover for Map Tiles Downloader: a screen from the project

    Map Tiles Downloader

    Tools that download a whole country's map tiles and stitch them into one offline map of 1.1 billion pixels.

    Started from AliFlux/MapTilesDownloader (MIT, © 2018 Ali Ashraf).

  • Cover for ChessArena: a screen from the project

    ChessArena

    The base of an online chess platform: player accounts, stats, opponents and game records.

    A friend: His final project; he started the original version

    Live demo
07 / How I designconsole-ui · measured from its code

Every margin is a decision.

console-ui is the design system I build my interfaces on. I decide its rules once, as numbers with a reason, and these plates draw them from its code: margins, the grid, aspect ratios, the type scale, each component’s anatomy and states.

8 + 13 + 11 = 32
px to the sidebar’s one axis: every icon, the logo and the avatar sit on it
4.5 : 1
the least contrast any text gets, on any surface
20 px
between every two blocks: the gutter, the grid gap and the rows
24 px
the smallest target, even at the densest setting
Blueprint of the console-ui button at four times its size, with its padding hatched, the focus ring, its three sizes and five states.Blueprint of the console-ui button at four times its size, with its padding hatched, the focus ring, its three sizes and five states.
Plate 05Button: anatomy and statesThe button, measured: 32 px high with 12 px padding, a 2 px focus ring set 2 px out, and black or white ink picked by the fill's luminance.
Detail A, plate 02 · 2 : 1The chain that sets the sidebar’s axis: an 8 px gutter, a 13 px inset and half of a 22 px icon put every mark at 32, the centre of the collapsed rail; labels start at 53, names at 61.
console-ui, live · 1 : 1A panel, a field and two buttons, rebuilt in this page from console-ui’s own numbers: a 44 px header, 16 px padding, a 36 px field with its label 6 px above and its hint 4 px below, and 32 px buttons with 12 px padding. The hatching is the padding.

Below: one plate, a detail of another at twice its size, and console-ui itself at 1 : 1. Open any plate to read it at full size.All twelve plates, in the console-ui case study

08 / WritingFrom the blog

Problems I hit, and how I solved them.

  1. · 6 min read

    One site, two directions, three motion tiers: how I built idanach.com

    How my portfolio flies letters into the logo on a strong laptop, stands still for anyone who asked for less motion, and reads the same in Hebrew.

    Read more
  2. · 6 min read

    Let visitors break my demos: an undo journal that resets them three hours later

    How my live demos undo visitors' changes three hours later, with SQLite triggers and one transaction, on Cloudflare's free plan.

    Read more
  3. · 5 min read

    Verification, not trust: a notice board built in a day, and measured before it shipped

    The first QR codes on my notice board looked perfect and didn't scan. How I measured every risky part of TaazTV instead of trusting my eyes.

    Read more

All posts

09 / AboutSenior Full-Stack Developer & DevOps, Merkaz Ta'az (IDF)

I'm Idan Achrak, a senior full-stack developer in Israel who builds whole systems and designs them, from the server to the last pixel.

More about me

10 / ContactLinkedIn or GitHub

Let's build something that lasts.

LinkedIn GitHub Every way to reach me

Chapters