Released

Portfolio v2

A performant portfolio website built with Gridsome, a Vue-powered static site generator using GraphQL for data management. Features custom SASS styling with BEM methodology instead of CSS frameworks, showcasing projects, developer resources, and a blog. Deployed on Netlify with optimized build output for fast page loads.

February 4, 2022

View Live Project

Project Notice

This project was built some time ago and may contain outdated dependencies or features. Some functionality might no longer work as expected.

Note: This project was built in 2022 and may be outdated. Some dependencies or features might no longer work as expected.

About Portfolio v2

This is the second iteration of my portfolio website. It features my most recent web development projects, a page for resources that may be useful to other web developers, and a blog.

All pages were created with Gridsome in an attempt to add performance optimisations. Gridsome is a static site generator powered by VueJS and GraphQL. It dynamically generates pages from your data and is extremely fast.

Unlike my other side projects, I didn't use any CSS framework here, opting instead to do everything from the ground up using SASS and BEM methodology.

All Projects

Other Projects

Unuxt

UNuxt is a full-featured Nuxt 4 template that streamlines the setup of modern web applications. With built-in authentication, organization management, and customizable themes, it reduces boilerplate while preserving flexibility. The project is built using Nuxt 4, TypeScript, Better Auth, and Drizzle ORM, with a strong focus on developer experience, clean UI patterns, and scalable architecture. It serves as a solid foundation for production-grade applications.

ainuxtuivercelnuxt

View Live Site

Blink

Blink is a high-performance local file-sharing application built with Nuxt 4 and WebRTC, enabling secure, lightning-fast peer-to-peer transfers directly between devices with zero server-side storage. The platform leverages WebSockets for real-time device discovery and PeerJS for reliable data chunking, ensuring seamless connectivity and live progress tracking across local networks. Designed for a premium user experience, it features a responsive interface with fluid GSAP animations and sophisticated dual-theme system for a polished, desktop-class feel.

ainuxttailwindcssWebRTC

View Live Site

Lettrly

A personal letter-writing web app with a paper-like interface. Visitors write private letters to you through your custom URL, choosing to remain anonymous or sign in. Features smooth envelope animations, real-time updates, and a clean dashboard for reading and managing letters. Built with Next.js 16, TypeScript, Tailwind CSS, Framer Motion, PostgreSQL, and Auth.js.

fullstacknextpostgresqlauth.js

View Live Site

Recon

A full-stack intelligence gathering platform that unifies 15+ CLI-based reconnaissance tools (Sherlock, theHarvester, Holehe, PhoneInfoga, and more) into a single browser-accessible interface. Built with Next.js 15, React 19, and Supabase, it features Docker-sandboxed tool execution, real-time job processing via BullMQ/Redis, and comprehensive security controls including Row Level Security and audit logging. The platform enables investigators to conduct username lookups, domain analysis, email verification, and metadata extraction while managing investigations and generating exportable reports.

fullstacknexttailwindcsssupabase

View Live Site