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

TV Time

TV Time

A movie app where users can browse trending movies, search titles, and explore content using the TMDB API.

  • React
  • Appwrite
  • Tailwind CSS
Cocktail

Cocktail

An immersive cocktail website with scroll-synced video playback and cinematic animations.

  • React
  • GSAP
  • Tailwind CSS
Mood Tracking

Mood Tracking

A full-stack mood tracking app where users can log their mood, feelings, reflections, and sleep, view trends through interactive charts, and see personalized mood quotes. The app supports profile updates, responsive design, and features like login, data storage, and avatar uploads.

  • Nuxt
  • Firebase
  • Pinia
  • Tailwind CSS
Note Taking

Note Taking

A full-stack note-taking application that empowers users to efficiently manage their notes with a sleek, accessible interface. Users can create, read, update, delete, and archive notes, filter them by tags, and search by title, tag, or content.

  • Next.js
  • TypeScript
  • Supabase
  • OAuth
  • Tailwind CSS
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