MIKZ.// DEVLET’S TALK
00 / HEROTHE ENTRY POINT
PERSONAL PORTFOLIO / VOL. 01

MIKZ.// DEV

LEAD WEB DEVELOPER.
FULL-STACK & ARCHITECTURE.

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 (Mikz) Traviña / Lead Web 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.

Lead Web Developer | Full-Stack Developer | Software Systems & Architecture

Mikhail Aleksei (Mikz) Traviña

I'm Mikz, a full-stack web developer with over a decade of professional experience building, maintaining, and improving web applications and software systems.

Currently serving as Lead Web Developer at International Payments Processing, Inc., I specialize in designing full-stack architectures, developing reliable backend services, creating responsive frontend interfaces, and maintaining business-critical web platforms.

MORE ABOUT MY PRACTICE

My development experience spans PHP, JavaScript, React, MySQL, Microsoft SQL Server, API integrations, and server infrastructure. I enjoy working across the entire development lifecycle—from system analysis and architecture to implementation, debugging, optimization, and deployment.

Beyond traditional web development, I explore AI-assisted development workflows, automation, developer tooling, and interactive user experiences. I build personal projects to experiment with new technologies and develop practical solutions to complex problems.

I approach development with a focus on maintainability, reliability, performance, and usability. Whether I’m building a system from scratch, integrating existing services, or improving a legacy application, my goal is to create software that works effectively and continues to evolve.

  • Maintainability
  • Reliability
  • Performance
  • Usability
EDUCATION

STI College

Diploma in Information Technology

2007 – 2009
THE WAY I WORK
BUILDCONNECTEXPLORE
VIEW MY LOADOUT
SAME DEVELOPER. MORE CREATIVE EXPERIENCES.
02 / SKILLSLOADOUT
02MY TOOLKIT

MY LOADOUT.

Tools, technologies, and a bit of everything.

LEARN.
EXPLORE.
BUILD.

Showing all 7 skill categories

Frontend Development

Backend Development

Databases & Data Management

DevOps & Infrastructure

AI & Developer Tooling

Software Engineering

Additional Technical Experience

PICK A TOOL. LOOK A LITTLE CLOSER.

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

THE COMPLETE LOADOUT

Open a category for the full skills list.

Frontend Development
  • JavaScript
  • TypeScript
  • React.js
  • Vite
  • HTML5
  • CSS3
  • Responsive Web Design
  • UI Component Development
  • Interactive Web Interfaces
  • Three.js
  • WebGL
Backend Development
  • PHP
  • Slim Framework
  • RESTful API Development
  • Server-Side Application Architecture
  • API Integration
  • Authentication and Authorization
  • Webhook Integration
  • Legacy System Maintenance
Databases & Data Management
  • MySQL
  • Microsoft SQL Server
  • SQL
  • Database Design
  • Database Migrations
  • Elasticsearch
  • DuckDB
DevOps & Infrastructure
  • Linux / Ubuntu
  • Docker
  • Nginx
  • Git & GitHub
  • cPanel / WHM
  • VPS Administration
  • Application Deployment
  • Server Troubleshooting
  • Performance Monitoring
AI & Developer Tooling
  • AI-Assisted Software Development
  • OpenAI Codex CLI
  • Hermes CLI
  • Multi-Agent Development Workflows
  • Model Context Protocol (MCP)
  • Development Automation
  • AI Agent Orchestration
  • Automated Testing Workflows
Software Engineering
  • Software System Analysis
  • Full-Stack Architecture
  • Technical Troubleshooting
  • API Design & Integration
  • Application Maintenance
  • Debugging & Performance Optimization
  • Security-Conscious Development
  • Technical Documentation
  • Technical Leadership
  • Developer Workflow Optimization
Additional Technical Experience
  • VB.NET
  • Windows Desktop Application Development
  • Computer Hardware Maintenance
  • Network Troubleshooting
  • IT Technical Support
  • Server Maintenance & Backups
SKILLS UPGRADE WITH EVERY BUILD.CONTINUE THE STORY
03 / EXPERIENCESTORY MODE
03THE JOURNEY

STORY
MODE.

A journey of building, learning, and improving.

From IT operations to leading full-stack development.

  1. STAGE 01

    Information Technology Assistant

    E-Governance — Puerto Princesa City Hall

    2010 – January 2012

    Apprenticeship · On-site
    Puerto Princesa, Philippines

    Developed Windows-based applications and supported city government computer systems, networks, and servers.

    ROLE DETAILS & COMPETENCIES
    • Developed Windows-based applications for the City Government of Puerto Princesa.
    • Provided technical assistance for network troubleshooting and computer systems.
    • Installed and configured software applications and computer peripherals.
    • Maintained and performed backups of the ETRACS server.

    Core competencies: Microsoft SQL Server · Windows Application Development · Networking · Technical Support · Server Maintenance

  2. STAGE 02

    Information Technology Assistant

    Puerto Princesa Unified Land for Sustainable Environment (PULSE)

    February 2012 – May 2014

    Contract · On-site
    Puerto Princesa, Philippines

    Supported application development, database management, and reliable day-to-day IT operations.

    ROLE DETAILS & COMPETENCIES
    • Assisted with software application development and database management.
    • Provided technical support for computer systems and network infrastructure.
    • Performed hardware maintenance, software installation, and troubleshooting.
    • Supported day-to-day IT operations and system reliability.

    Core competencies: SQL · Database Management · Application Development · Technical Support

  3. STAGE 03

    Information Technology Officer

    Sunlight Guest Hotel

    June 2014 – May 2015

    Full-time · On-site
    Puerto Princesa, Philippines

    Supported hotel IT operations and developed biometric attendance tools and automated reporting.

    ROLE DETAILS & COMPETENCIES
    • Provided technical support to hotel employees and guests.
    • Performed computer hardware maintenance, network troubleshooting, and system repairs.
    • Maintained RF57 electronic door lock systems.
    • Developed and maintained an employee biometric attendance system.
    • Automated employee attendance reporting to improve administrative workflows.

    Core competencies: IT Operations · Technical Support · Network Maintenance · Hardware Troubleshooting · VB.NET

  4. STAGE 04 / CURRENT ROLE

    Lead Web Developer

    International Payments Processing, Inc.

    July 2015 – Present

    Full-time · Hybrid

    Lead full-stack architecture and development for business applications, maintaining reliable platforms and supporting junior developers.

    ROLE DETAILS & COMPETENCIES
    • Lead full-stack architecture and web development for business applications.
    • Design, develop, and maintain backend solutions and responsive frontend interfaces.
    • Maintain and improve existing web platforms, focusing on functionality, reliability, and maintainability.
    • Analyze software systems, troubleshoot application issues, and implement technical solutions.
    • Guide and support junior web developers through technical challenges and development activities.

    Core competencies: Software System Analysis · PHP · Full-Stack Development · Web Application Architecture · Technical Leadership

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.

EMAIL[email protected]GITHUBgithub.com/iammikzLINKEDINlinkedin.com/in/mikz-travina/

GOOD PEOPLE.
GREAT PROJECTS.