$eri@portfolio
./eri --init --today
[ok] identity module loaded
[ok] frontend systems online
[ok] curiosity engine running
[ok] portfolio mounted
  ███████╗██████╗ ██╗
  ██╔════╝██╔══██╗██║
  █████╗  ██████╔╝██║
  ██╔══╝  ██╔══██╗██║
  ███████╗██║  ██║██║
  ╚══════╝╚═╝  ╚═╝╚═╝

a frontend developer
who likes making
things feel obvious.

// interfaces, experiments, and small useful tools
// built with care from banyumas, indonesia

$ ls ./work $ ./connect
eri@portfolio:~ / status•••
eri / mayopifrontend developer
status available
based_inbanyumas, id
focusweb · mobile · ui
uptimesince 2023
loading github profile...
01./about

cat README.md

## about

I turn fuzzy problems into interfaces that feel obvious. My work lives between engineering and design: structure first, then enough personality to make people care.

> clarity is a feature.

### currently
- Learning in public, shipping small, looking for meaningful problems to solve with good people.

### outside the terminal
- Usually holding a guitar, reading about technology, or finding a quieter corner of the internet.

02./work

ls -la ./selected-work

$ ./guitar --rotate --shaded [rot 000°]
rotation stream active #+.
Detailed shaded ASCII electric guitar. Rotation respects reduced-motion settings.
// hobby process

When screen time gets loud, I pick up a guitar. This one now lives in the terminal.

No canvas. No heavy asset. Just text frames, a timer, and a little rhythm.

portfolio.os
01current

A terminal-native portfolio system built around clarity, motion, and useful details.

#svelte#typescript#design
inspect
guitar.lab
02rotating

A rotating ASCII instrument for learning, unwinding, and making space for music.

#ascii#svelte#creative
inspect
open-source.trail
03ongoing

Small tools and experiments that turn curiosity into something other people can use.

#github#tools#learning
inspect
03./flow

cat experience.log

$ experience --timeline2 roles
Svelte Flow
Press enter or space to select a node. You can then use the arrow keys to move the node around. Press delete to remove it and escape to cancel.
Press enter or space to select an edge. You can then press delete to remove it or escape to cancel.
// career path · latest role → previous role active route
04./github

gh activity --last-year

$ gh activity @mayopi --range=1y [sync]
// fetching contribution graph...
05./stack

cat stack.json

01Svelte / SvelteKitshipping
02TypeScriptshipping
03React / Next.jsfamiliar
04Three.js / WebGLexperimenting
05GitHub APIdaily driver
06Figma / UI systemscrafting
06./contact

open connection

## get-in-touch

Have a problem worth solving?

Open a connection through GitHub. I usually reply within a day.

↳ type help to see available commands
© 2026 eri / mayopibuilt with svelte_press / to focus terminal