Career Profile

I'm a front-end developer and creative content producer, UI/UX design, and digital content creation. Over the years, I've worked on projects ranging from e-commerce websites to marketing materials and social media content. I also do product and outfit photography, photo editing, and collaborating with cross-functional teams to deliver engaging visual experiences.

Experiences

Web Content Manager / Photographer

2024 - 2025
Metrocle Alliance Inc. (Signet)
  • Manage and maintain a Shopify webstore by optimizing user experience and ensuring seamless functionality.
  • Conduct product shoots and outfit photoshoots for social media and marketing purposes, capturing high-quality images to enhance brand identity and drive engagement.
  • Collaborated with the team to develop promotional campaigns, update product listings, and create visually compelling content that improves conversion rates.

Sr. Front End Developer (Drupal)

2020 – 2023
Hedy Inc. (MRM McCann)
  • Developed and maintained front-end components for Drupal-based enterprise websites
  • Collaborated with international cross-functional teams to ensure consistent design and functionality across projects (BGC, Philippines)
  • Utilized HTML5, CSS3, JavaScript, jQuery, and SASS/SCSS to build responsive and accessible user interfaces
  • Integrated designs from tools like Figma, Adobe XD and Sketch into pixel-perfect front-end implementations
  • Ensured cross-browser compatibility, responsive behavior, and adherence to web accessibility standards
  • Participated in code reviews, maintained component libraries, and contributed to design system consistency
  • Managed codebase using Git for version control

Software Engineer (Front End)

2018 - 2020
Infor
  • Contributed to the development of Infor’s e-learning platform, specializing in Angular
  • Built and maintained front-end components to improve user experience and learning outcomes
  • BGC, Philippines
  • Translated UI/UX wireframes into responsive, high-quality web applications
  • Developed layouts using HTML5, CSS3 (Flexbox & Grid), and Bootstrap
  • Ensured cross-browser compatibility and responsive behavior across devices
  • Optimized JavaScript and TypeScript for smooth, interactive features
  • Managed codebase using Git for version control
  • Wrote and maintained unit tests with Jasmine to ensure code reliability

Tech Stack

I specialize in front-end development using HTML5, CSS3, and JavaScript, with a strong focus on modern frameworks like Vue.js. My workflow includes tools like Vite, Git, and npm, and I’m experienced in building responsive, user-friendly interfaces. For design and prototyping, I work with Figma and Adobe Creative Suite.
HTML5 - is a markup language used for structuring and presenting content on the World Wide Web. It is the fifth and current version of the HTML standard.
CSS3 - is a stylesheet language used to control the layout, design, and visual appearance of web pages. It works alongside HTML to style elements with colors, fonts, spacing, and responsive layouts.
Javascript - is a versatile programming language that powers interactive features on websites, such as animations, dynamic content, and user interactions. It's essential for front-end web development and also widely used on the server side with frameworks like Node.js.
jQuery - is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML.[3] It is free, open-source software using the permissive MIT license.[2] Web analysis indicates that it is the most widely deployed JavaScript library by a large margin.[
Git - is a version control system that tracks changes in code, allowing developers to collaborate, manage revisions, and roll back to previous versions. It's an essential tool for modern software development.
Bootstrap - is a popular front-end framework for building responsive, mobile-first websites. It provides pre-designed components, layout utilities, and a grid system that helps developers create clean and consistent interfaces quickly.
Vue - is a progressive JavaScript framework used to build interactive user interfaces and single-page applications. It's known for its simplicity, flexibility, and ease of integration with other projects or libraries.
SASS/SCSS - is an open-source JavaScript toolkit by Fractal Innovations[3] and the open source community at GitHub, used as a streaming build system in front-end web development.

Skills & Proficiency

HTML5

Javascript & jQuery

CSS3

SCSS/SASS

GitHub

Adobe Creative Suite for Web Development

Bootstrap

Vue.js

Projects and Journals