About
I'm Ollie, a frontend developer based in Metro Manila, Philippines, with almost 6 years building production web apps remotely for teams across different countries and time zones. My core is Vue, Nuxt, Tailwind CSS, and TypeScript, and on the creative side, I use GSAP and Three.js to build interfaces that have real visual polish.
I've grown into full-stack territory out of genuine need, backend work in Laravel and PHP, and infrastructure through Cloudflare and Wrangler. In my recent roles, I've taken full ownership of projects, working directly with managers and leads to scope, build, and ship, whether reviving existing apps or building new ones from scratch. I also use AI as a force multiplier in my workflow, not as a shortcut but as a way to move smarter with the experience and principles I already have.
Outside of work, I'm probably playing Wild Rift, losing at board games, or out with friends and family for arcades, food, and late-night hangouts.
Experience
2024 - Present Developed and enhanced scalable web applications using Vue.js, Nuxt, Tailwind CSS, and Typescript, incorporating dynamic transitions, animations, and API integrations while ensuring high performance, security, and cross-browser compatibility. Collaborated with developers to translate technical requirements into solutions and to meet all client requests, while maintaining code quality through testable, reusable, and maintainable practices.
- Nuxt
- Vue.js
- Tailwind CSS
- Typescript
- Cloudflare
2020 - 2024 In my role at Chanz IT, I've actively contributed to the end-to-end development of various projects, showcasing a diverse skill set in software engineering. Here are some key projects I've been involved in:
AbrahamArt Admin- Revamped admin app for AbrahamArt, an online art gallery in the Netherlands and Belgium. Modernized the interface and improved performance for efficient management of artworks, customers, and content.
- Vue.js
- Typescript
- Javascript
- Tailwind CSS
- Laravel
- PHP
- Inertia
Squares- Contributed significantly to frontend development for Squares, a SAAS product offering personalized online event platforms for brands. Played a key role in core features development, including session streaming, chats, polling, gamifications, content builder, and more.
- Vue.js
- Javascript
- SCSS
- Alpine.js
- Laravel
- Laravel Nova
- PHP
- Docker
CompanyPass- Upgraded the interface for CompanyPass, an Internet marketing service in The Hague, Netherlands. Made significant contributions to the addition of new features, such as Geolocation, Map integration, and data display and filter, for both web and mobile apps.
- Vue.js
- Javascript
- Tailwind CSS
- Laravel
- PHP
FilipinoArt.ph- Worked with newsroom and newsletter content for FilipinoArt, an online marketplace showcasing up-and-coming and established Filipino artists and their artworks.
- Wordpress
- Javascript
- CSS
- HTML
2019 - 2020 Received comprehensive training in industry-standard development practices, including web development, mobile/iOS development, and DevOps. Contributed to the development of admin modules, managing users, transactions, and processes. Assisted in UI design and illustrated assets.
- ASP.NET
- JQuery
- Bootstrap
Projects
Founder & Game Designer · est. 2026
HALOHALOGAMES
In 2026 I founded HALOHALOGAMES to design tabletop games rooted in Filipino culture. Kicking things off is Chik, a loud, chaotic card game built around the childhood chant Chik–Wally–Hindo–Pop–Tambo–Riki–Chik.
Beyond designing the game, I built its whole digital footprint: the studio site, Chik's marketing site, and the in-browser simulator that lives under it, so people can feel the rules before the box ships.
HALOHALOGAMES Studio Site
The studio's home, a cinematic showcase for our games. Built in a Nuxt monorepo with a layered-art card hero, a scroll-driven morphing logo, and an ambient Three.js backdrop.
- Nuxt
- Vue.js
- Typescript
- Tailwind CSS
- GSAP
- Three.js
- Lenis
Chik Marketing Site
The launch site for Chik: an interactive chant hero, an animated package mockup, a printable quick-guide viewer, and a Kickstarter waitlist backed by a small Node/Express + Prisma API that validates and stores signups. Tuned for a fast, loud first impression.
- Nuxt
- Vue.js
- Typescript
- Tailwind CSS
- GSAP
- Lenis
- Node.js
- Express
- Prisma
- PostgreSQL
- Zod
Chik Game Simulator
Lives under the marketing site: a free in-browser simulator that plays a full game of Chik against AI opponents, with a faithful rules engine, animated card flights, and the Chant Trigger recital. Also packaged for iOS and Android via Capacitor.
- Vue.js
- Typescript
- Vite
- Tailwind CSS
- GSAP
- Capacitor
If any of this is your kind of thing, and you'd like to support what we're building or team up on something, let's talk.
Parallax Landing Page
A cinematic landing page demo featuring multi-layer parallax, WebGL shader gradients, Three.js starfield, scroll-driven GSAP animations, and full mobile responsiveness. Built with SEO-first SSG, structured data, and E2E-tested with Playwright.
- Nuxt
- Vue.js
- Typescript
- GSAP
- Three.js
- Lenis
- Tailwind CSS
- Playwright
Map Builder
A prototype web app for creating interactive maps with a drag-and-drop interface, designed to be integrated with website or landing page builders.
- Vue.js
- Typescript
- Tailwind CSS
- Shadcn
- Inertia.js
- Laravel
- Postgres
Jibbleflix: A Movie Listing App
A Vue 3 + TypeScript movie listing app that consumes a mock API, featuring search, pagination, favorites, automated unit and E2E testing, and CI/CD integration.
- Vue.js
- Typescript
- Tailwind CSS
- Vitest
- Cypress
Pokédex App
A Pokédex web app for enthusiasts to explore new Pokémon via search or randomizer. Features random Training Cards for active Pokémon, offering an engaging experience. Also serves as an exercise app for Nuxt Server App integration.
- Nuxt
- Nuxt Server
- Vue.js
- Tailwind CSS
- PokeAPI
- PokemonTCG API
NCR Mobile Signal Map
An interactive Google Maps heatmap of mobile-network coverage across Metro Manila for Globe, Smart, DITO, and their sub-brands. A study in AI-assisted programming with Claude: with no public API for Philippine signal data, I used Claude's web search to compile a research-based dataset from coverage reports and crowdsourced references, layered over real cell-tower data pulled from OpenCelliD for the major networks.
- Vue.js
- Typescript
- Vite
- Tailwind CSS
- Pinia
- Google Maps API
- OpenCelliD
- Claude
Smiley Gauge Chart
A dynamic component displaying smiley levels through a chart with a needle, dynamically adjusting based on the given value. Offers a visually engaging representation of data.
- Vue.js
- Tailwind CSS
- Chart.js
Swappable Widgets
An interactive component facilitating the drag-and-drop swapping of widgets, enhancing user customization and flexibility within designated areas.
- Vue.js
- Tailwind CSS
- Draggable.js
Draggable Image Legends
A versatile component enabling the dragging and precise placement of legends/markers on maps or images. Provides x and y coordinates for accurate positioning, ensuring flexible handling of marker placement.
- Vue.js
- Tailwind CSS
- Draggable.js
Design Like a Digital Graphic Designer Infograph
An informative infographic tailored for aspiring graphic designers. It highlights the roles and benefits of being a digital graphic designer, offering techniques and tips to enhance skills in the field of Graphic Design.
- Adobe Illustrator
Promotional Materials for KATI, A theater play
Created promotional materials, posters, and artwork for "KATI: Ang pinagmulan ng alamat," a captivating theater play that brings to life the legend of Makati.
- Adobe Photoshop
