Available · 17+ years in technology

Hi, I'm Warlette

Frontend Technical Lead | Angular | AI-Driven Engineering

Building scalable, high-performance web applications. Passionate about crafting scalable, enterprise-grade web applications with modern technologies.

View My Work Get In Touch

Scroll

About Me

Who I Am

A brief introduction to my professional journey

Technical Lead with 17+ years across technology and technical education, including 13+ years building scalable, high-performance web applications. I specialize in Angular and modern frontend architecture, with a deep focus on engineering efficiency.

Currently, my strongest focus is on AI-assisted development (using tools like Cursor) to accelerate delivery without sacrificing quality. I have a proven track record as a leader—mentoring developers, driving architectural decisions, and successfully modernizing complex legacy systems.

My career began by teaching programming, information systems, and engineering in Calapan City. That foundation still shapes how I mentor developers, explain complex decisions, and collaborate with cross-functional teams. Beyond Angular and TypeScript, I work across Node.js, .NET, and enterprise platforms to deliver high-impact products.

17+

Years in Technology

13+

Years in Software

Angular

Core Framework

AI-Driven

Focus

Projects

Featured Work

Enterprise-grade applications I've designed and built

GoldPoint Enterprise

Pawnshop Management Ecosystem

Case Study Live Demo

A high-performance, enterprise-grade management ecosystem for luxury asset services. A modern, mobile-first suite of tools featuring an Admin Portal, Customer Portal with real-time concierge chat, and a unified serverless API engine — designed for scalability, security, and a premium user experience.

Key Features

Precision Transaction Engine with tiered interest & penalty calculations

Ironclad Identity Sync (JIT) between Neon Auth and PostgreSQL

Real-time Jewelry Concierge chat via Socket.io

Mobile-First Identity anchored to phone numbers via Capacitor

Dark Glassmorphism design language with amber/gold accents

Enterprise White-Label licensing & IP source code buyout options

Tech Stack

TypeScriptReact 19ViteNode.jsExpressSocket.ioPostgreSQLNeon AuthCapacitorTailwind CSSTurborepoVercel

Synora

Agile Project Management System

Case Study Live Demo

A premium, enterprise-ready agile project management platform inspired by Jira workflows. Architected as a Turborepo monorepo, it features real-time Kanban boards, workspace isolation, granular user roles, comprehensive issue lifecycle tracking, and global activity event logs.

Key Features

High-fidelity Kanban Board with drag-and-drop indicators and query filters

Workspace and project isolation with role-based access controls (RBAC)

Detailed Issue lifecycle tracking with statuses, priority levels, and comments

Local and global activity streams with live database notifications

Secure asset and image upload pipeline utilizing Cloudinary API

Stunning Dark Glassmorphism interface featuring Outfit typography

Tech Stack

TypeScriptNext.js 16React 19Better AuthDrizzle ORMNeon PostgresFramer MotionCloudinaryTailwind CSS v4TurborepoPlaywrightVercel

Fraisier

Operations & Supply Chain Suite

Case Study Live Demo

A comprehensive operational ecosystem designed for upscale dining establishments. Combines a managed inventory dashboard for ingredients, stock movements, and automatic reorder thresholds, with an administrative CMS for curation of menus, customer testimonials, and marketing copy.

Key Features

Operational Inventory MVP tracking stocks, recipe unit costing, and yield ratios

Automatic procurement thresholds and reorder level indicator badges

Basic Auth protected CMS for curated menu lists, testimonials, and gallery assets

Workbook cleaning and parsing utility for corporate inventory ingestion (XLSX)

Dual staging and production pipeline deployments with Neon branch syncing

Robust validation suites with Playwright E2E and Vitest unit coverage

Tech Stack

TypeScriptNext.jsReactPrisma ORMNeon PostgresTurborepoAG GridCloudinaryTailwind CSSPlaywrightVitestVercel

PettyCash Manager

Corporate Expense Ledger

Case Study Live Demo

An elegant financial tracking system for managing corporate petty cash deposits, ledger requests, and operational expenditures. Leverages spreadsheet importing for bulk transaction ingestion, combined with custom-animated transaction visualization widgets.

Key Features

Granular cash ledgers with tenant isolation and transaction request workflows

Secure user administration using NextAuth credentials engine

Dynamic ledger visualization utilizing Framer Motion physics and Tailwind styling

Bulk spreadsheet transaction importer leveraging custom XLSX parser schemas

Exportable balance sheets and audit logs in clean tabular layouts

Tech Stack

TypeScriptNext.js 16React 19NextAuth.jsDrizzle ORMNeon ServerlessFramer MotionTailwind CSS v4SheetJS (XLSX)Turborepo

Kusinely

Mobile Restaurant & Ordering Ecosystem

Case Study Live Demo

A comprehensive restaurant ordering and delivery operations ecosystem. Links an Expo customer mobile application, a Next.js administrative dashboard, and a NestJS-style TypeScript backend — featuring real-time Lalamove driver dispatching, PayMongo checkout, and Google Maps geolocation.

Key Features

Monorepo design with shared config/types packages managed via pnpm workspaces

Native mobile interfaces (Expo SDK 55) for menu browsing with dietary filters

Live order dispatch and courier tracking powered by Lalamove API & WebSockets

Tokenized payment integrations ready for GCash, Maya, and credit card checkouts

Secured Branch Credentials Vault utilizing AES-256-GCM encrypted properties

Dynamic Loyalty Wallet with PHP-to-points ledgers and personalized reward systems

Tech Stack

TypeScriptExpo SDK 55React NativeNext.js 16NestJSPrisma ORMPostgreSQLRedisSocket.IOStripe / PayMongoLalamove APITurborepo

Skills

Tech Stack

Technologies and tools I use to build exceptional products

TypeScript

JavaScript

HTML5

CSS3

PHP

Angular

React

Next.js

Node.js

ASP.NET

.NET Framework

Tailwind CSS

Cursor (AI Tools)

Git

GitHub

Bitbucket

Jenkins

JIRA

Asana

Turborepo

Vercel

Neon

PostgreSQL

SQL Server

Oracle Eloqua

Squiz

OpenText TeamSite

28 total technologies

Experience

Career Journey

From teaching programming in 2009 to leading enterprise frontend engineering today

2018 — Present

Technical Lead

Myridius

Leading Angular development across enterprise applications, ensuring scalability and maintainability. Architecting frontend systems and mentoring developers while driving architectural decisions.

Accelerated development cycles through AI-assisted coding workflows (Cursor)
Improved code quality and consistency across the team through mentoring and code reviews
Successfully modernized legacy UI systems into robust Angular platforms

2015 — 2018

Web Development Specialist III

Reed Elsevier

Managed IIS-hosted enterprise websites and SQL databases for major publishing platforms.

Ensured system reliability and high performance for large-scale publishing platforms
Maintained complex enterprise database structures and web deployments

2015

Application Developer

QI Group

Developed and maintained critical business applications.

Built resilient software solutions using ASP.NET, VB.NET, and C#

2013 — 2015

Programmer

EGS Enggist & Grandjean / CALCMENU Philippines

Built versatile web and desktop applications.

Engineered comprehensive web and desktop platforms
Maintained extensive technical documentation and specifications

Jun 2009 — Oct 2012

IT & Programming Instructor / TESDA Assessor

City College of Calapan · Filipino Academy of Scientific Trades · Various Colleges

Calapan City, Oriental Mindoro

Taught programming, information systems, and engineering subjects while helping learners translate technical concepts into practical skills.

Developed course outlines, learning activities, and technical instructional materials
Assessed candidates against TESDA Programming NC IV competency standards
Designed and developed an enrollment system for City College of Calapan

Contact

Let's Work Together

Have a project in mind or want to collaborate? I'd love to hear from you.

Philippines

Ready to build something extraordinary?

Whether you need a technical lead for your next project, want to discuss enterprise solutions, or just want to connect — feel free to reach out through any of the channels below.

Send Me a Message

LinkedIn GitHub Email