00 / HEROTHE ENTRY POINT
PERSONAL PORTFOLIO / VOL. 01

MIKZ.// DEV

DEVELOPER.
CREATIVE BUILDER.

I BUILD DIGITAL EXPERIENCES
THAT DO MORE.

USEFUL SYSTEMS.PLAYFUL INTERFACES.ALL OF THE ABOVE.
PRESS SCROLL
TO START
GOOD IDEAS.
GREAT BUILDS.
MIKHAIL ALEKSEI TRAVINA / FULL-STACK DEVELOPEREXPLORE THE MISSIONS
01 / ABOUTPLAYER PROFILE
Original anime developer avatar in a black jacket with orange hood, a creative illustration rather than a photograph.
JUST A DEV WHO
LIKES TO BUILD
COOL THINGS.
DEVELOPMENT
WITH CHARACTER.
PLAYER PROFILE / 01
01PERSONAL DOSSIER

MIKZ.

DEVELOPER /
CREATIVE BUILDER

Mikhail Aleksei Travina

I’m a full-stack developer who enjoys turning complex ideas into useful software. I build dependable applications and explore creative ways to make them feel more human.

From interface sketches to the logic underneath, I bring design thinking and practical engineering together.

  • Web development
  • Design thinking
  • Systems thinking
  • AI exploration
THE WAY I WORK
BUILDCONNECTEXPLORE
VIEW MY LOADOUT
02 / SKILLSLOADOUT
02MY TOOLKIT

MY LOADOUT.

Tools, technologies, and a bit of everything.

LEARN.
EXPLORE.
BUILD.

Showing all 5 skill categories

Frontend

Backend

Data

Tooling

Creative + AI

PICK A TOOL. LOOK A LITTLE CLOSER.

Select any tile to see how it fits into the way I build.

03 / EXPERIENCESTORY MODE
03THE JOURNEY

STORY
MODE.

A journey of building, learning, and improving.

Workstreams from my full-stack practice.

  1. STAGE 01 / Employee management

    Systems for people.

    Bringing attendance, scheduling, and reporting together in a modular employee management system.

    Role-based workflows · React + PHP
  2. STAGE 02 / Inventory control

    Order in the operations.

    Building clearer interfaces for stock management, reconciliation, and the movement of everyday inventory.

    Responsive interfaces · MySQL
  3. STAGE 03 / Credit adjustment

    Details that add up.

    Turning complex approval processes into structured workflows with permissions and traceable records.

    Workflow design · MSSQL
STILL LEVELING UP…
04 / PROJECTSMISSION SELECT
04PROJECTS / MISSION SELECT

MISSION
SELECT.

Real projects. Real problems. A different mission behind every build.

04PROJECTS.
PLENTY OF POSSIBILITIES.
MISSION / 01Component library
SRUI: original illustrative interface concept, not a product screenshot.Interface concept

SRUI

Small pieces. Better interfaces.

A customizable React component library for building interfaces with reusable, editable building blocks.

  • React
  • UI components
OPEN MISSION BRIEF

The challenge

Building the same interface patterns repeatedly slows down product work.

The approach

Reusable components that can be composed and adapted to the application around them.

Preview: original interface concept, not a product screenshot.

MISSION / 02Developer tooling
Siren Memory: original illustrative interface concept, not a product screenshot.Interface concept

Siren Memory

Connect the dots. Keep the context.

Exploring visual memory maps and RAG architectures for AI workflows through Mermaid-based tooling.

  • Mermaid
  • AI tooling
OPEN MISSION BRIEF

The challenge

Relationships between context, memory, and retrieval can be hard to reason about.

The approach

Visual maps that make memory structures and retrieval architecture easier to inspect.

Preview: original interface concept, not a product screenshot.

MISSION / 03Browser application
PanelPass: original illustrative interface concept, not a product screenshot.Interface concept

PanelPass

Your comics. Your corner of the web.

A local-first browser comic reader for CBZ, ZIP, and CBR archives, with an IndexedDB library and optional Google Drive features.

  • React
  • TypeScript
  • IndexedDB
OPEN MISSION BRIEF

The challenge

A personal comic archive should be easy to browse and read in the browser.

The approach

A local-first library and multiple reading modes, with optional cloud functionality.

Preview: original interface concept, not a product screenshot.

MISSION / 04Workflow application
Clinic Management System: original illustrative interface concept, not a product screenshot.Interface concept

Clinic Management System

Less friction. More focus.

A structured management application supporting everyday clinic administration and workflows.

  • React
  • PHP
OPEN MISSION BRIEF

The challenge

Everyday administrative workflows need clarity and structure.

The approach

Connected management views and workflow-oriented interfaces. This illustration contains no patient information.

Preview: original interface concept, not a product screenshot.

A SMALL SELECTION OF WHAT I LIKE TO BUILD. LET’S MAKE SOMETHING NEXT

05 / CONTACTNEXT QUEST?
IDEAS? PROJECTS?
COLLABORATION?
LET’S TALK.
05LET’S BUILD SOMETHING

NEXT
QUEST?

Have an idea, a challenge, or something worth building? Let’s make it happen.

GOOD PEOPLE.
GREAT PROJECTS.