Portfolio

Noteworthy Projects

SOCi, Inc.

SOCi, Inc.

Crafting and maintaining high-impact marketing pages for top American and global 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

LiveDocs

LiveDocs

LiveDocs is a collaborative document editor, built with Next.js for the user interface, Liveblocks for real-time collaboration, and TailwindCSS for styling. Designed as a Google Docs clone, its primary goal is to showcase a real-time editing environment.

  • Next.js
  • TypeScript
  • Clerk
  • Liveblocks
  • Lexical Editor
  • shadcn/ui
  • Tailwind CSS
Xora

Xora

Xora is a Modern UI/UX SaaS website developed using React.js and Tailwind CSS that exemplifies modern UI/UX principles. Its sleek design, seamless animations, and overall user experience set a high standard, serving as a reference or inspiration for future modern applications or websites in general.

  • React.js
  • Tailwind CSS
  • Vite
Zentry

Zentry

A visually captivating website inspired by Zentry, featuring scroll-triggered animations, geometric transitions, and engaging video storytelling. Luxurious, modern feel, engaging UI/UX and smooth responsiveness, capturing the essence of what makes an Awwwards winner.

  • React.js
  • Tailwind CSS
  • GSAP
PrepWise

PrepWise

Built with Next.js for both the user interface and backend logic, the platform leverages Firebase for authentication and data storage, is styled with TailwindCSS, and integrates Vapi’s voice agents to deliver a sleek, modern experience for job interview preparation.

  • Next.js
  • Firebase
  • Tailwind CSS
  • Vapi AI
  • shadcn/ui
  • Google Gemini
  • Zod
Resumind

Resumind

An AI-powered resume analyzer built with React, React Router, and Puter.js. It features seamless authentication, secure resume uploads, and intelligent job matching powered by AI. Users receive personalized feedback and ATS-optimized scores tailored to each job listing.

  • React
  • React Router v7
  • TypeScript
  • Zustand
  • Puter.com
  • Puter.js
  • Tailwind CSS
  • Vite
SnapCast

SnapCast

A full stack screen recording and video sharing platform which includes user authentication, screen recording, video uploads, and the ability to share videos via link. Users can set videos as public or private, view AI-generated transcripts, and access metadata like video ID and URL. A built-in search bar makes finding content fast and simple.

  • Next.js
  • TypeScript
  • Xata
  • Drizzle
  • Better Auth
  • Bunny.net
  • Arcjet
  • Tailwind CSS
StoreIt

StoreIt

A storage management and file sharing platform that lets users effortlessly upload, organize, and share files.

  • Next.js
  • TypeScript
  • Appwrite
  • Shadcn-ui
  • Tailwind CSS
Velvet Pour

Velvet Pour

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
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