Systems-Driven Engineering: The Auditor’s Archive
This gallery documents my transition from auditing physical systems to engineering digital ones. Every project here has been individually audited for structural integrity, semantic clarity, and technical scalability. I treat code as a living system that must remain as resilient, adaptive, and intuitive as the human body.
From implementing recursive AI algorithms to managing complex asynchronous data cycles, my focus remains on clean code architecture (BEM/DRY) and strict adherence to WCAG AA accessibility standards. By translating technical rigor into human-centered solutions, I ensure that high-performance engineering never comes at the cost of the user experience.
Initialize Handshake:
Credential Handshake:
Logic & State: Recursive Engineering
I engineered this "Cyber-Theme" environment to demonstrate recursive logic and defensive programming in Vanilla JavaScript. The core engine is designed to handle complex state evaluations without the overhead of external libraries.
The centerpiece is an unbeatable "Hard Mode" powered by the Minimax algorithm, which recursively evaluates every possible game outcome to ensure optimal computer moves. To bridge the gap between back-end logic and UX, I integrated the HTML5 Canvas API to handle dynamic win-line animations and utilized LocalStorage for persistent session state. This project demonstrates the intersection of high-fidelity visual feedback and rigorous mathematical problem-solving.
Inclusive Design: Persistent Task Architectures
TaskMaster is a deep-dive into state persistence and WCAG AA accessibility patterns. I engineered this system to bridge the gap between simple CRUD operations and a high-fidelity user experience.
The application features a robust History Buffer, allowing for non-destructive "Undo" actions by managing a secondary state array. I implemented Event Delegation to handle dynamic DOM updates efficiently and integrated a CSS Variable-driven Theme Engine for instant Light/Dark mode transitions. By prioritizing keyboard navigability and semantic ARIA labeling, I ensured the tool remains performant and accessible across all assistive technologies.
The Meta-Study: Systemic Design Engineering
I treated the development of this environment as a master project to showcase the transition from physical systems auditing to high-fidelity Design Engineering. Built with a "vanilla-first" philosophy, the architecture utilizes an 11-tier fluid typography scale and BEM methodology to ensure performance without the overhead of heavy frameworks.
The core of this project is a human-centered design system featuring custom responsive grid logic and sophisticated UI metaphors—such as the "Orange Wedge" tab masking and a 16px safety shelf for seamless navigation transitions. By integrating AI-augmented workflows for asset generation and maintaining strict WCAG AA compliance, this site serves as a live demonstration of my ability to architect clean, maintainable, and structurally sound digital products from the ground up.
Interface & Integration: Asynchronous Data Streams
The API Fun Center is a technical study in asynchronous middleware integration. I engineered this dashboard to demonstrate the seamless handling of multiple third-party data streams within a single unified interface.
I utilized the Fetch API and Promise-based architecture to manage concurrent requests from four unique endpoints. A key focus of this project was implementing robust exception handling—specifically managing API rate-limiting (HTTP 429) and network latency. By isolating the data-fetching logic from the UI rendering, I ensured that the application remains responsive and provides clear diagnostic feedback to the user during the request lifecycle.