IT Graduate | Freelancer | System Developer | Graphic Designer | Creative Problem Solver

SYSTEM DEVELOPER
Saint Louis College
2022 - 2026
A passionate IT Graduate and System Developer with a strong eye for Graphic Design. I bridge the gap between technical functionality and aesthetic excellence, building robust, user-centric systems and visually engaging interfaces that solve real-world problems.
To continuously explore advanced technologies, design premium user experiences, and develop scalable systems that leave a lasting positive impact on businesses and communities.
Growing up at the intersection of logical problem-solving and visual storytelling, I found my calling in system development and digital design. Throughout my academic career and hands-on projects, I have dedicated myself to mastering the tools required to create elegant, efficient, and visually stunning digital products. I approach every project with curiosity, seeking to turn complex requirements into smooth, galactic experiences.
Explore Kley's technical competencies mapped as interactive planetary systems. Click any orbit planet to inspect sub-skills.
Records Management System (RMS) is a professional-grade, centralized enterprise web platform engineered specifically for the Land Transportation Office (LTO) - Finance and Management Division. The system streamlines the entire lifecycle of official records—spanning initial record entry, physical cabinet mapping, dynamic room layouts, digital document archiving, and automated disposal operations. Designed with administrative compliance in mind, the system fully integrates National Archives of the Philippines (NAP) standards. It calculates record retention timelines automatically and generates official pre-formatted NAP Inventory and Disposal documents (Form No. 3) to ensure absolute institutional data integrity and efficient workflows.
Interact with floating project files and modules developed across different realms.

Records Management System (RMS) is a professional-grade, centralized enterprise web platform engineered specifically for the Land Transportation Office (LTO) - Finance and Management Division. The system streamlines the entire lifecycle of official records—spanning initial record entry, physical cabinet mapping, dynamic room layouts, digital document archiving, and automated disposal operations. Designed with administrative compliance in mind, the system fully integrates National Archives of the Philippines (NAP) standards. It calculates record retention timelines automatically and generates official pre-formatted NAP Inventory and Disposal documents (Form No. 3) to ensure absolute institutional data integrity and efficient workflows.

A modern web application for the Land Transportation Office (LTO) to log and track email confirmation requests between District Offices. Built with Next.js 14 and Supabase. Features: Sender Logs — Track confirmation replies sent by your DO to other DOs Receiver Logs — Track confirmation requests received from other DOs Statistics Report — LTO-format statistical report (monthly + YTD) with charts Admin: User Management — Activate, deactivate, and assign roles Admin: All Logs — Cross-personnel log view for admins Role-Based Access — Admin vs User with Supabase RLS

Created logo design for BayArt Clothing

High Contrast & Limited Palette: The stark contrast between the black background, white text, and monochromatic/sepia portrait creates a dramatic, serious tone. Heroic Portraiture: Centering a historic figure (Dr. Jose Rizal) looking determinedly into the distance is a classic trope of nationalist and revolutionary art. Bold, Integrated Typography: The large, striking slab-serif font at the top ("ANG KABATAAN ANG PAG-ASA NG BAYAN") acts as a powerful headline, characteristic of political or educational advocacy posters.

Statue Vector Illustration: The central figure of Lapu-Lapu is rendered to look like a polished bronze or stone monument, utilizing smooth gradients and sharp vector highlights to emphasize physical form and muscle definition. Symbolic Iconography: It effectively integrates recognizable cultural and national symbols, including the Philippine flag, the stylized sun rays, coconut palm trees, and traditional weaponry (the kampilan sword and kalasag shield). High Contrast Backdrop: Placing the vibrant red, blue, and gold colors of the circular emblem against a solid black background makes the central graphic pop aggressively.

Created a logo design for KickSnicks shop

Hand-Drawn & Distressed Elements: The borders are not clean digital lines; instead, they mimic sketchy, multi-layered white chalk or paint strokes. Striking Through Text: The literal red line slashing through the word "IPINAGKAKALOOB" acts as a powerful visual intervention, emphasizing the rejection of the idea that freedom is given freely. Color Psychology: The aggressive combination of a stark black backdrop, stark white text, and urgent red highlights mimics traditional revolutionary flags and activist posters.

AI Image-to-Editable PSD Generator using Gemini API & n8n Orchestration Decomposer-AI is a powerful full-stack application that decomposes existing images or procedurally generates completely new designs into multi-layered, fully editable Photoshop PSD files. Leveraging the Google Gemini API (using the @google/genai client) and featuring optional local n8n workflow orchestration, this system breaks down flat visuals into 12 to 18 structured, isolated layers with vector contours, drop shadows, glowing effects, and typography.

Aglako-POS is a lightweight, browser‑based SaaS platform that lets restaurant owners and super‑administrators manage orders, table layouts, subscriptions, and analytics in real time. Architecture – Pure client‑side web app (HTML + Vanilla CSS + ES6 modules) that connects directly to a Supabase backend (PostgreSQL with Row‑Level Security). No server‑side code is needed; the UI talks to Supabase via the official JavaScript SDK. Modules – Admin Portal – Super‑admin dashboard for tenant onboarding, plan management, backups, and platform‑wide analytics. Restaurant App – Responsive UI for waitstaff/kiosk use, handling menu browsing, order placement, split‑billing, and table tracking.
Journey along Kley's educational milestones, freelance contracts, and system integrations.
Land Tranportation Office Region 1
The system streamlines the entire lifecycle of official records—spanning initial record entry, physical cabinet mapping, dynamic room layouts, digital document archiving, and automated disposal operations.
Land Tranportation Office Region 1
A modern, secure web application built with Next.js 14 and Supabase that streamlines how Land Transportation Office (LTO) District Offices track and log cross-office email confirmation requests.
Saint Louis College
Digital system that centralizes firearm and ammunition records, automates status updates and expiration alerts, and streamlines monitoring of CCSDAF firearms.
Holographic verification logs validating technical competencies. Click to expand credentials preview.
Saint Louis College
Saint Louis College
Saint Louis College
Saint Louis College
Saint Louis College
Custom-engineered digital solutions built to drive business growth and user engagement.
Creating responsive, fast-loading, SEO-optimized modern websites utilizing React, Next.js, and modern styling solutions.
Engineering tailored, database-driven business panels and information management systems focused on data security and efficiency.
Designing premium logos, layout packages, social media assets, and vector layouts that convey cohesive brand messages.
Mapping intuitive user journeys and high-fidelity wireframes in Figma to guarantee interactive interfaces are easy to use.
Providing high-efficiency assistance in data entry, server management, content publishing, and digital workspace upkeep.
Reports logged by commanders and corporate affiliates regarding system integrations.
"Kley developed our customer tracking dashboard on time and with zero bugs. His ability to balance clean code with intuitive UI design is remarkable. A top-tier developer!"
Operations Director @ Innovate Retail Ltd.
Establish a secure link. Send a direct transmission, or connect through the coordinates below.