Portfolio

Noteworthy Projects

SOCi, Inc.

SOCi, Inc.

Locator and Local Pages for some of the world’s leading brands.

  • HTML
  • CSS
  • JavaScript
  • In-house Technology
Ayala Corporation

Ayala Corporation

A website for a business conglomerate with diversified business operations. One of the largest companies in the Philippines.

  • Vue
  • Tailwind CSS
  • WP Bedrock
North & Warren

North & Warren

A website for a global marketing business specializing in data-driven campaigns, advertising and sales management, and creative services.

  • Bedrock
  • Vanilla JS
  • CSS Animations

Some Things I’ve Built

Personal Finance

Personal Finance

A user-friendly personal finance app designed to help users track transactions, manage budgets, grow savings pots, and stay on top of recurring bills.

  • React
  • TypeScript
  • Tailwind CSS
  • MongoDB
  • Express
  • Node.js
Hangman

Hangman

The timeless word-guessing game where players can challenge themselves to uncover the hidden word by guessing one letter at a time. They can choose from a variety of categories with eight chances to guess wrong.

  • Next.js
  • Tailwind CSS
  • TypeScript
Acme

Acme

A simplified financial dashboard that has a public home page, a login page, dashboard pages that are protected by authentication, and the ability for users to add, edit, and delete invoices.

  • Next.js
  • NextAuth.js
  • PostgresQL
  • Tailwind CSS
Designo

Designo

A 7-page site for a creative digital agency that offers creation of fully responsive websites, app design, and engaging brand experiences.

  • Gatsby
  • GraphQL
  • Leaflet
Connect Four

Connect Four

A classic two-player Connect Four game where players take turns dropping colored discs into a grid. The first to connect four of their own discs vertically, horizontally, or diagonally wins.

  • React
  • TypeScript
  • Tailwind CSS
  • Vite
Memory Game

Memory Game

A basic memory game where users can play either solo or multiplayer (up to 4 players), set the theme to use numbers or icons within the tiles, and choose to play on either a 6x6 or 4x4 grid.

  • Typescript
  • React
  • Tailwind CSS
  • Vite
Pomodoro

Pomodoro

An intuitive pomodoro timer for productivity. With simple change color and font features, just a straightforward approach to help you stay focused.

  • React
  • Tailwind CSS
  • Vite
Photosnap

Photosnap

A marketing site for a photo-sharing app, a platform for photographers and visual storytellers.

  • SvelteKit
  • Tailwind CSS
Frontend Quiz

Frontend Quiz

A straightforward quiz app where users can pick any frontend subject they prefer to take on and play again to choose another subject as much as they like.

  • Svelte
  • Sass
  • Vite
Arch Studio

Arch Studio

A simple portfolio website for an architectural firm with map location using Leaflet and basic contact form validation.

  • Svelte
  • Sass
  • Leaflet
  • Swiper
Dictionary

Dictionary

A dictionary web app that helps users find definitions, synonyms, and other information about words. Users are also able to play the audio file for a word when it's available, switch between fonts, and choose between light and dark themes.

  • Vue
  • Vite
  • Tailwind CSS
  • Free Dictionary API
Password Generator

Password Generator

A simple app where users can generate a password based on the selected inclusion options, copy the generated password to the computer's clipboard, and see a strength rating for their generated password.

  • Vue
  • Vuetify
  • Tailwind CSS
Markdown Editor

Markdown Editor

A full-stack fully-functional in-browser markdown editor application with light/dark mode toggle, file saving, renaming, and deleting.

  • Vue
  • Vite
  • Firebase
  • Tailwind CSS
Tic Tac Toe

Tic Tac Toe

A basic Tic-Tac-Toe game that allows two players to take turns, X and O, on a 3x3 grid. A user can choose whether to play against CPU or multiplayer. CPU moves uses minimax algorithm, making it quite hard to beat.

  • Vue
  • Tailwind CSS
  • Vite
Personal Website V2

Personal Website V2

The second iteration of my personal website built with Next.js and Contentful.

  • Next.js
  • Contentful
  • Tailwind CSS
  • Framer Motion
Myteam

Myteam

A simple multi-page recruitment agency site with contact form validation, built with Vue.

  • Vue
  • Vite
  • Tailwind CSS
Galleria

Galleria

An art gallery slideshow site of some of the most famous paintings of all time.

  • Next.js
  • GSAP
  • Tailwind CSS
The Planets

The Planets

An 8-page planets facts site for all the planets in our solar system using Next.js dynamic routes.

Coffeeroasters

Coffeeroasters

A coffee subscription site with selections to create a coffee preference and see an order summary modal of their choices.

  • Next.js
  • Framer Motion
  • Tailwind CSS
Creative

Creative

A simple single-page agency site built with React.

  • React
  • GSAP
  • Tailwind CSS
Clock App

Clock App

A simple clock application which shows the current time and location information based on the user's IP address, and has random inspirational quotes generator.

  • Vite
  • Javascript
  • Quotable API
  • World Time API
  • HTML & CSS
Scoot

Scoot

A multi-page website for a scooter rental app which features location and open jobs.

  • Vite
  • React
  • Framer Motion
  • Tailwind CSS
Dine

Dine

A 2-page restaurant website with interactive tabs, and booking with form validation feature.

  • Next.js
  • GSAP
  • Tailwind CSS
Tip Calculator

Tip Calculator

A web app used for calculating the correct tip and total cost of the bill per person.

  • HTML & CSS
  • Javascript
  • Tailwind CSS

Interested in doing a project together?

Contact Me