CORE_ARCHITECTURE

Technical Overview: A high-fidelity, reactive web interface built to demonstrate full-stack integration between a LEMP stack and a custom JavaScript-driven UI. This project bypasses traditional CMS limitations by utilizing a custom-engineered PHP controller to interface directly with the server environment.

Key Engineering Features:

• Infrastructure: Deployed on an Oracle Cloud Infrastructure (OCI) Compute Instance, featuring a manually configured Linux environment and secure SFTP deployment workflow.

• PHP Architecture: Developed a custom WordPress Shortcode API to handle server-side data processing, including real-time deployment status calculations based on Unix timestamps.

• Advanced CSSOM Manipulation: Implemented a non-linear layout engine using CSS Grid and the order property. This allows the UI to dynamically reorder the DOM visually, promoting active project nodes to the primary “Header” position without breaking document flow.

• Motion Design: Utilizes high-frequency CSS Keyframe animations and CSS Custom Properties (--neon-green, --neon-pink) to create a shifting chromatic-aberration effect and “hacker-style” text glitches.

• Interactive Logic: A specialized vanilla JS event handler manages state transitions, ensuring that expanded project logs are locked into a high-visibility state while maintaining an accordion-style global grid.

Core Technical Competency: Extending the WordPress core beyond a simple CMS into a robust application framework. This involves an understanding of the PHP lifecycle, hook-based event architecture, and the separation of concerns between backend data persistence and frontend behavior.

Key Professional Signals:

• Full-Stack Fluidity: Demonstrated ability to pivot between complex vanilla JavaScript interaction logic and server-side PHP execution.

• Enterprise-Ready Experience: Transitioned from structured academic environments and professional internships into high-stakes development, managing client-facing requirements and external project representation.

• Low-Level Control: Abandoned restrictive drag-and-drop builders in favor of custom-coded themes and plugins, allowing for direct modification of the WP kernel behavior.

• System Adaptability: Currently expanding technical stack into C# and advanced system architectures, proving the ability to master new languages.

Strategic Engineering Mindset:

• Perception Engineering: Building systems not just to satisfy a checklist, but to dominate technical perception and establish clear authority in a competitive hiring market.

• Performance-First Logic: Prioritizing clean, lightweight code over heavy third-party dependencies to ensure maximum scalability and speed on cloud infrastructure.

• Operational Autonomy: Proven track record of operating within professional teams while maintaining the self-driven research required to solve complex architectural hurdles.