Iyola Oyabiyi logo

iyoolaoyabiyi

Iyola Oyabiyi O.

Personal Project

MyTickets Manager

A unified ticket management system across React, Vue, and Twig with identical UX.

Role

Architect & Developer

Stack

React Vue Twig TypeScript Tailwind CSS
Demo (React) Demo (Vue) Repo

Full-stack SaaS-style product / Solo project: Primary ownership

A multi-framework ticket management system designed to prove that consistent product behavior, design, and UX can be maintained across React, Vue, and server-rendered environments from a single shared foundation.

Project overview

myTickets Manager is a ticket tracking and management system implemented in three parallel front-end stacks: React, Vue, and Twig (PHP). All three applications share the same design system, copy deck, and business logic through a monorepo architecture. The project focuses on platform consistency rather than framework-specific optimization, demonstrating how product rules and UX contracts can outlive individual implementation choices.

My role and ownership

I owned the system end-to-end. I designed the platform architecture, defined the design system and component inventory, implemented shared utilities, and built the React, Vue, and Twig front-end implementations. I was responsible for state management patterns, validation flows, theming, build tooling, and deployment. If any part of the system failed, I would be accountable for diagnosing and fixing it.

Key features

  • User authentication with guarded routes and session persistence
  • Ticket creation, editing, deletion, and filtering
  • Dashboard with live ticket statistics by status
  • Unified light and dark theme with persistent user preference
  • Consistent validation and error handling across all stacks
  • Identical UX behavior across React, Vue, and server-rendered Twig

Skills demonstrated

  • Platform architecture and system design
  • Cross-framework consistency and abstraction
  • Design systems and token-driven UI
  • State modeling and event-driven flows
  • Front-end performance and maintainability
  • Build tooling and monorepo management

Tech stack

Frontend: React, Vue, Twig (PHP templates), TypeScript Styling: Tailwind CSS, custom design tokens Tooling: PNPM, Vite, esbuild Backend (demo): PHP (Twig rendering, mock persistence)

Project type

Platform-oriented front-end system demonstrating cross-framework parity and architectural discipline.