                      ▁▄▆▆▆▅▅▆▆▆▆▆▆▆▅▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▅▁
                      ▂█▇▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▅▅█▇███████████████████████████████████▄
                      ▂█▆               ▁▁▇▇█▇█████████████████████████████████▄
                      ▂█▆                 ▅▇█▄█████████████████████████████████▄
                      ▃█▆                   ▂▅█████████████████████████████████▄
                      ▃█▆                    ▁▃▇███████████████████████████████▄
                      ▃█▆                    ▁▅▇██████▇████████████████████████▄
                      ▃█▆                   ▁▂███▇▇▃▆██████████████████████████▄
                      ▃█▆              ▁▁ ▃▃▆███▂   ▁▆█████████████████████████▄
                      ▃█▆           ▁▁▁▂▃▇██████▂   ▁▄█████████████████████████▄
                      ▃█▆         ▂▁▁ ▅▇█████████▅▅▅▄▇█████████████████████████▄
                      ▃█▆     ▁▁▁▆▆▆▇▇█████████████████████████████████████████▄
                      ▃█▆▁▁▁ ▄▅▅▆██████████████████████████████████████████████▄
                      ▃██▇▇█▆██████████████████████████████████████████████████▄
                      ▃████████████████████████████████████████████████████████▄
                      ▂████████████████████████████████████████████████████████▄
                      ▂████████▆▅▅▅▆▇▅▆█▇██▇█▇▅██▇█▇▆██▇█▇▇██▇█▇▇█▇▆█▇▇████████▄
                      ▃████████▆▃▄▃▁▇▇▆▇▃▅▆▂▆▅▃▆▅▃▇▆▅▆▄▃█▃▂█▄▂▇▃▂▇▅▅▇▄▂████████▄
                      ▂███████████▇▇███████████████████████████████████████████▄
                      ▂████████████████████████████████████████████████████████▃
                       ▁▅▆▆▅▅▇▇▆▆▇▇▆▇▇▇▅▇▇▇▅▇▇▆▆▇▇▆▇▇▇▆▇▇▇▆▇▇▇▆▇▇▇▆▇▇▇▆▇▇▆▆▅▅▄▂
                     ▁▄██████████████████████████████████████▇█████████████████▄▁
                   ▁▃▆██▇████▇███▇▇███▅████████▇███▇███▇███▇▇███▇▇██▇▇▆▇▆▇███▇▆▅▅▃▁
                  ▁ ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁
                                     ▁                          ▁
           ▂▂                       ▁                    ▁▁                           ▁  ▂▂
            ▁▃▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▃▁

Frontend Developer
7+ Years · Remote

I turn product ideas into polished, fast interfaces — using AI to accelerate the boring parts, not replace the craft.

TEGUHRIANTO

View Work GitHub

● Available for work·Based in Indonesia·Remote

/ whoami

A developer who ships.

Eight lines that sum up how I work — and what I'm building with.

zsh — teguh@rianto

$ whoami

teguh rianto — frontend developer

# 7+ years turning design into product

$ cat stack.txt

html · scss · javascript · vue · react

$ echo $FOCUS

performance · accessibility · clean code

● available for work_

/ About

Available for workRemote

I turn design into product — fast, accessible interfaces that feel as good as they look.

[01]For 7+ years I've built for the web with HTML, SCSS, JavaScript, and modern frameworks like Vue and React — obsessing over performance, responsive layouts, and cross-browser reliability so the work holds up everywhere.

[02]I lean on AI to move faster — it handles the boilerplate so I can spend my attention on the parts that need real craft, and I build AI features into the products I work on.

[03]I also build and maintain open source. More of it lives on my GitHub.

Building something? Let's talk.

/ How I Work

From idea to delivery

[01]
Discover
Goal, users, scope, constraints — align before any code.
[02]
Design
Wireframes, architecture, and the right stack; plan components & data flow.
[03]
Build
Develop component by component — fast, accessible, maintainable.
[04]
Refine
Cross-browser, performance, and accessibility passes.
[05]
Ship
Deploy, hand off, measure, and iterate.

[01]
Discover
Goal, users, scope, constraints — align before any code.
[02]
Design
Wireframes, architecture, and the right stack; plan components & data flow.
[03]
Build
Develop component by component — fast, accessible, maintainable.
[04]
Refine
Cross-browser, performance, and accessibility passes.
[05]
Ship
Deploy, hand off, measure, and iterate.

/ Skills & Services

Capabilities

indexing stack

[01]
Frontend & UI
Sharp, responsive interfaces that hold up across browsers.
- HTML5
- CSS3
- SASS/SCSS
- Bootstrap
- TailwindCSS
- Responsive Layout
[02]
Frameworks
Component-driven apps that stay fast and maintainable.
- jQuery
- VueJs
- ReactJs
- NextJs
- AstroJS
[03]
Backend & CMS
APIs, content, and commerce wired up end-to-end.
- GraphQL
- Shopify Development
- Wordpress
- Laravel
- Airtable
- n8n
[04]
Languages & Tooling
The core toolkit behind everything I ship.
- Javascript
- Typescript
- Git
[05]
Craft & AI
Clean, accessible, reusable code — with AI in the workflow.
- Photoshop
- UI Design to Code
- Clean & Reusable Code
- Cross Browsers
- Open Source
- AI Assisted
- Figma

/ Experience

Where I've worked

[01]
April 2024 - Present
Full-time
Frontend Developer
TinyShoots
Build and optimize in-house lead-conversion landing pages for a seniors-focused product — designing and shipping A/B tests that steadily lift conversion rates.
[02]
May 2020 - May 2024
Full-time
Frontend Developer
Rolling Glory
Shipped frontends across a steady stream of client launches at a busy creative studio — reusable component libraries and API-driven features that sped up every project.
[03]
Nov 2020 - Nov 2023
Part-time
Frontend Developer
MAXSOL.ID
Kept live client sites healthy and evolving — maintaining production websites and shipping new design-to-code features and API integrations alongside my full-time role.
[04]
Mar 2021 - Dec 2022
Part-time
Shopify Developer
SageByte
Built custom Shopify themes from design to storefront — polished, responsive, conversion-ready builds for a Canada-based web & blockchain agency.
[05]
2014 - 2020
Full-time contributor
Co-Founder & Lead Frontend Developer
O2System Framework
Co-founded the world's first PWA PHP framework and owned its UI/UX — shaping an open-source toolkit (PHP, HTML, JS, CSS) developers enjoy building with.
[06]
Mar 2018 - Mar 2020
Full-time
Project Manager & Lead Frontend
PT. Lingkar Kreasi (Circle Creative)
Led the frontend team and managed projects end-to-end — reusable base templates, admin panels, and landing pages that cut delivery time across internal and client work.
[07]
Nov 2014 - Mar 2018
Full-time
Frontend Developer
PT. YukBisnis Indonesia
Built the storefront themes, admin panels, and landing pages powering an e-commerce platform that let merchants launch their own online stores.
[08]
Aug 2012 - Oct 2014
Full-time
Frontend Developer
Diginiq Asia
Delivered client websites from PSD to pixel-accurate HTML and customized WordPress themes for a Japan-based agency — where I sharpened my frontend fundamentals.

Years experience

Projects shipped

Skills & tools

Remote

Availability

/ Selected Work

Recent Work

All work

[01] · Freelance

Crossword Game

Transform UI Design to reusable code & API integrations, with responsive layout & cross browser compatibility.

HTML5
CSS3
Javascript
SASS/SCSS
Typescript

View case study

[02] · Rolling Glory

People For Peat

Transform UI Design to reusable code & API integrations, with responsive layout & cross browser compatibility.

HTML5
CSS3
Javascript
SASS/SCSS
Bootstrap

View case study

[03] · Rolling Glory

Nutrive

Transform UI Design to reusable code & API integrations, with responsive layout & cross browser compatibility.

HTML5
CSS3
Javascript
SASS/SCSS
Bootstrap

View case study

[04] · Rolling Glory

I-DAC Indonesia

Transform UI Design to reusable code & API integrations, with responsive layout & cross browser compatibility.

HTML5
CSS3
Javascript
SASS/SCSS
Bootstrap

View case study

[05] · SageByte

Back 2 Basics Golf

Transform UI Design to Shopify themes code with responsive layout & cross browser compatibility.

HTML5
CSS3
Javascript
SASS/SCSS
Shopify Development

View case study

/ Writing

Latest writing

All posts

▁▄▆▆▆▅▅▆▆▆▆▆▆▆▅▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▆▅▁ ▂█▇▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▅▅█▇███████████████████████████████████▄ ▂█▆ ▁▁▇▇█▇█████████████████████████████████▄ ▂█▆ ▅▇█▄█████████████████████████████████▄ ▃█▆ ▂▅█████████████████████████████████▄ ▃█▆ ▁▃▇███████████████████████████████▄ ▃█▆ ▁▅▇██████▇████████████████████████▄ ▃█▆ ▁▂███▇▇▃▆██████████████████████████▄ ▃█▆ ▁▁ ▃▃▆███▂ ▁▆█████████████████████████▄ ▃█▆ ▁▁▁▂▃▇██████▂ ▁▄█████████████████████████▄ ▃█▆ ▂▁▁ ▅▇█████████▅▅▅▄▇█████████████████████████▄ ▃█▆ ▁▁▁▆▆▆▇▇█████████████████████████████████████████▄ ▃█▆▁▁▁ ▄▅▅▆██████████████████████████████████████████████▄ ▃██▇▇█▆██████████████████████████████████████████████████▄ ▃████████████████████████████████████████████████████████▄ ▂████████████████████████████████████████████████████████▄ ▂████████▆▅▅▅▆▇▅▆█▇██▇█▇▅██▇█▇▆██▇█▇▇██▇█▇▇█▇▆█▇▇████████▄ ▃████████▆▃▄▃▁▇▇▆▇▃▅▆▂▆▅▃▆▅▃▇▆▅▆▄▃█▃▂█▄▂▇▃▂▇▅▅▇▄▂████████▄ ▂███████████▇▇███████████████████████████████████████████▄ ▂████████████████████████████████████████████████████████▃ ▁▅▆▆▅▅▇▇▆▆▇▇▆▇▇▇▅▇▇▇▅▇▇▆▆▇▇▆▇▇▇▆▇▇▇▆▇▇▇▆▇▇▇▆▇▇▇▆▇▇▆▆▅▅▄▂ ▁▄██████████████████████████████████████▇█████████████████▄▁ ▁▃▆██▇████▇███▇▇███▅████████▇███▇███▇███▇▇███▇▇██▇▇▆▇▆▇███▇▆▅▅▃▁ ▁ ▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁ ▁ ▁ ▂▂ ▁ ▁▁ ▁ ▂▂ ▁▃▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▃▁

TEGUHRIANTO

A developer who ships.

From idea to delivery

Discover

Design

Build

Refine

Ship

Discover

Design

Build

Refine

Ship

Capabilities

Frontend & UI

Frameworks

Backend & CMS

Languages & Tooling

Craft & AI

Where I've worked

Frontend Developer

Frontend Developer

Frontend Developer

Shopify Developer

Co-Founder & Lead Frontend Developer

Project Manager & Lead Frontend

Frontend Developer

Frontend Developer