Overview
Technical skills
Projects
Timeline
Roles

Overview

Junior JavaScript frontend developer specializing in client-side data visualization and integrating charting/SVG code. Proven ability to work with chart rendering and SVG handling as shown in apexcharts-related files such as public/assets/libs/apexcharts/src/charts/Pie.js and the svg.js implementation. No public evidence of test automation, CI integration, API/contract testing or performance/load engineering was found in the analyzed human-authored code.

Technical skills

Languages
9
TypeScript
PHP
JavaScript
C#
Node JS
Python
Java
SQL
Kotlin
Frontend
9
JQuery
React.js
Bootstrap
Vue.js
Next.js
Tailwind CSS
Material UI
shadcn/ui
Radix UI
DevOps
5
GitHub
Git
Docker
Linux
Azure
Databases
3
MySQL
PostgreSQL
MS SQL
Other
13
Axios
Firebase
Rest API
Figma
Vite
Azure DevOps
Supabase
Cursor
PostCSS
Adobe Photoshop
Adobe After Effects
Adobe Premiere Pro
DaVinci Resolve

Projects

Jul 2022 to Present 4 Years 3 Months

This is a collection of projects I've worked on throughout my software engineering career, showcasing my experience in developing internal tools, business applications, and ERP systems.

Beyond software development, I've taken on project management responsibilities, collaborated with cross-functional teams, and worked directly with clients to understand business requirements and translate them into practical, scalable technical solutions.

Feel free to explore my work and reach out if you'd like to connect or discuss potential opportunities.

Laravel
TypeScript
.NET
MySQL
MS SQL
Docker
Linux
Kotlin
Firebase
Supabase
Azure

Timeline

Full-Stack Software Engineer / Consultant • Middle
Aquip.io • Full-Time
Jan 2026 to Oct 2026 9 Months Cebu City In office
Developed and maintained enterprise web applications using C#, .NET, Blazor, and SQL Server, delivering both UI and backend features across client projects. Modernized legacy interfaces to improve usability and responsiveness. Investigated and fixed production defects including IoT endpoint connectivity issues. Coordinated sprint activities and worked with stakeholders to translate requirements into technical deliverables.
C#
.NET
Blazor
MS SQL
TypeScript
Node JS
PostgreSQL
Web Developer • Middle
Forty Degrees Celsius Inc. • Full-Time
Nov 2023 to Dec 2025 2 Years 1 Month Cebu City In office

Implemented and improved features for the Native Camp platform, handling development tickets for functionality, defects, and performance. Refactored application code and assisted with database structure and query maintenance. Collaborated with DevOps, QA, and bridge engineering teams to support production integration and application reliability. Coordinated with senior engineers and solution architects on ongoing maintenance and enhancements.

PHP
Laravel
JQuery
React.js
Vue.js
MySQL
Docker
Linux
.NET
C#
Assistant Programmer • Middle
Southern Leyte State University – Main Campus • Full-Time
Jul 2022 to Nov 2023 1 Year 4 Months In office
Led the development of a Procurement Management Information System, covering requirements, UI/UX planning, full-stack implementation, and database architecture. Coordinated with university stakeholders and a small development team to ensure the system matched procurement policies and operating needs. Integrated facial recognition into the HR management system daily time-record workflow to reduce sign-in time.
PHP
Laravel
Bootstrap
JQuery
Part-Time Instructor • Head+
Southern Leyte State University – Main Campus • Part-Time
Aug 2022 to May 2023 9 Months In office
Taught programming fundamentals and full-stack web development topics to 100+ students. Covered database administration, Git/GitHub workflows, and Agile methodologies through practical exercises. Mentored students on capstone and thesis work by guiding implementation and debugging approaches.
Git
GitHub
Agile
Southern Leyte State University (SLSU-San Juan)
Bachelor's Degree • Information Technology - Programming
2018–2022 San Juan, Metro Manila
Junior QA Engineer Confidence: Low Generalist
Junior JavaScript frontend developer specializing in client-side data visualization and integrating charting/SVG code. Proven ability to work with chart rendering and SVG handling as shown in apexcharts-related files such as public/assets/libs/apexcharts/src/charts/Pie.js and the svg.js implementation. No public evidence of test automation, CI integration, API/contract testing or performance/load engineering was found in the analyzed human-authored code.
Test Automation Frameworks
Building automated tests
Not evidenced in public code
Test Coverage & Strategy
What and how to test
Not evidenced in public code
API & Integration Testing
Testing how parts work together
Not evidenced in public code
Performance & Load Testing
Testing speed under load
Not evidenced in public code
Bug Reporting & Analysis
Finding and describing bugs
Not evidenced in public code
CI Test Integration
Running tests automatically
Not evidenced in public code
Technologies
JavaScript• since 2024 • Junior
Recommendations
  • Develop and maintain frontend data-visualization features and dashboards that use chart libraries and SVG manipulation.
  • Implement and extend existing charting code to support custom interactions, accessibility improvements and light-weight animations.
  • Collaborate on small-to-medium frontend UI features that require DOM/SVG performance tuning and cross-browser handling.
  • Pair with a QA/test engineer to add automated tests, create fixture-based integration tests and integrate tests into CI pipelines.
Repositories
The developer's experience in this domain has been verified based on AI analysis of the following repositories:
Intern Backend Developer Confidence: Medium Generalist
Backend PHP developer (junior) focused on building small Laravel REST APIs and end-to-end auth flows. Proven strength is implementing client-server file upload resilience and UX-aware transfer logic, demonstrated in finance-mvp-backend/public/js/filament/forms/components/file-upload.js which contains chunked uploads, retry and progress handling. Public code does not show production-grade system design choices such as service decomposition, operational runbooks, advanced DB tuning or mature reliability engineering for backend services.
API Design
How well APIs are designed
Not evidenced in public code
Data Layer & Database
Working with databases
Not evidenced in public code
Scalability & Performance
2/10
Handling load and speed
Client-side upload resilience and chunking logic is present (parallel uploads, chunk retry delays, progress reporting) but no backend boundary configuration or measured performance work is visible in the HUMAN-AUTHORED files.
Evidence
finance-mvp-backend/public/js/filament/forms/components/file-upload.js: options and code referencing chunkUploads, chunkSize, maxParallelUploads and chunkRetryDelays
finance-mvp-backend/public/js/filament/forms/components/file-upload.js: Fs / Os functions implementing chunked upload flow and progress callbacks
System Architecture
1/10
Overall system structure
Only a single complex frontend module is present in the HUMAN-AUTHORED set; there is little evidence of deliberate service decomposition, config/secret management, or cross-service contracts in the analyzed human files.
Evidence
finance-mvp-backend/public/js/filament/forms/components/file-upload.js: modular plugin/registration and event dispatch patterns
Security & Auth
1/10
Protecting data and access
Minimal security-related handling is visible in the HUMAN-AUTHORED file (e.g., request headers, withCredentials), but no backend auth/token lifecycle or input boundary hardening is present there.
Evidence
finance-mvp-backend/public/js/filament/forms/components/file-upload.js: withCredentials/headers handling and content-disposition parsing
Reliability & Observability
3/10
Stability and monitoring
The HUMAN-AUTHORED file contains resilience patterns (retry queues, timeouts, abort, progress reporting, perceived-progress smoothing) implemented with backoff and jitter-like logic, but these are client-side and not accompanied by service-side timeouts/circuit-breakers in the scored bucket.
Evidence
finance-mvp-backend/public/js/filament/forms/components/file-upload.js: Cs function and chunkRetryDelays arrays implementing retry scheduling/backoff
finance-mvp-backend/public/js/filament/forms/components/file-upload.js: process/BS/Bs functions and abort/progress hooks that implement perceived-duration/progress smoothing and abort behavior
Expertise
PHP• Intern
Microservices & API Architecture• Intern
Databases & Vector Storage• Intern
Industries
Financial Services• Intern
Technologies
Python
Java
Kotlin
Rest API
Axios
Recommendations
  • Develop small to medium Laravel REST APIs and authentication/authorization flows (OTP, password reset, token handling).
  • Extend experience building robust upload endpoints and integrate the client-side chunked upload logic with server-side handlers and storage (resume, idempotency, server-side reassembly).
  • Work on schema evolution and migration chains with explicit rollback and idempotent migration scripts to deepen DB/consistency expertise.
  • Contribute to observability and ops: add structured logging, request timeouts, retries with backoff on the server side and basic metrics/alerts for endpoints.
Repositories
The developer's experience in this domain has been verified based on AI analysis of the following repositories:
Intern Frontend Developer Confidence: Low UI Engineer
Frontend UI engineer at a junior level focused on building Vue/Vite projects and integrating vendor UI libraries. The strongest proven skill is integrating UI toolchains and libraries, demonstrated by vite.config.js and the package.json entries that wire Vue, Vite and Bootstrap together. The codebase lacks evidence of advanced state-management, automated tests, measurable performance work or custom accessibility improvements beyond vendor defaults.
UI Component Architecture
2/10
How interface parts are built
Basic component usage and Vue/Vite scaffolding present but no evidence of deliberate component architecture or custom design system.
Evidence
student_information_system/resources/js/app.js: import ExampleComponent from './components/ExampleComponent.vue'
student_information_system/vite.config.js: Vue plugin and alias for vue/dist/vue.esm-bundler.js
Responsive & Cross-browser
2/10
Works on all screens and browsers
Uses Bootstrap responsive grid and vendor CSS for cross-browser support but no custom responsive system or advanced feature-detection.
Evidence
hotel_management_system/public/css/bootstrap.css: responsive grid and media queries
hotel_management_system/public/css/bootstrap-grid.css: core responsive layout rules
Performance Optimization
1/10
Speed of the interface
Tooling (Vite) is present but there is no evidence of measured performance work, bundle analysis, or targeted optimizations.
Evidence
package.json (hotel_management_system): devDependency "vite" and scripts for vite
student_information_system/vite.config.js: Vite config with plugins
Accessibility & Semantics
1/10
Usable for everyone
No bespoke accessibility work surfaced; accessibility relies on vendor library defaults (Bootstrap/jQuery UI) rather than developer-authored a11y improvements.
Evidence
hotel_management_system/public/css/bootstrap.css: includes prefers-reduced-motion and sr-only utilities
hotel_management_system/public/css/jquery-ui.css: jQuery UI theme with ARIA/visibility helpers
State Management & Data Flow
1/10
Managing data in the app
Minimal evidence of state discipline or advanced data-flow patterns; axios is used but no caching, cancellation, optimistic updates or state machines found.
Evidence
student_information_system/resources/js/bootstrap.js: import axios from 'axios'
package.json (student_information_system): dependency entries for axios and vue
UX & Visual Polish
2/10
Look and feel quality
Visual polish is largely provided by templates and vendor assets (icons, demo CSS); developer applied and integrated these assets but did not add unique UX patterns.
Evidence
hotel_management_system/public/assets/css/demo.css: project demo styling present
hotel_management_system/public/css/icomoon.css: custom icon font integration
Expertise
Vue• Intern
Frontend Architecture & Build Tools• Intern
Industries
Education• Intern
Lifestyle• Intern
Travel & Tourism• Intern
Technologies
Vue.js• since 2023
Adobe Photoshop
Tailwind CSS
Next.js
Azure DevOps
Adobe Premiere Pro
Azure
Figma
Bootstrap• since 2022
Git• since 2022
Docker• since 2023
React.js• since 2023
JQuery• since 2022
Adobe After Effects
Vite
Radix UI
DaVinci Resolve
Material UI
PostCSS
shadcn/ui
GitHub• since 2022
Linux• since 2023
Recommendations
  • Build small-to-medium Vue admin dashboards where you own component boundaries and state to grow component architecture skills.
  • Migrate template code into reusable Vue components and add unit/interaction tests (Jest or Vue Test Utils).
  • Add explicit async-state handling (request cancellation, retries, optimistic updates) and introduce a simple caching strategy for API calls.
  • Perform a basic bundle analysis and add code-splitting routes to learn measurable performance optimization.
Repositories
The developer's experience in this domain has been verified based on AI analysis of the following repositories: