Projects

A showcase of my development projects, featuring web applications, tools, and experiments built with modern technologies.

9 projects found

Demo Code

AnyDraw

A polished lucky draw app collection with wheel spin, random number, and card picker tools built for events, classrooms, and team activities.

Vue 3ViteTailwind CSS 4BunWeb Crypto APIGitHub Pages

#Vue#Vite#Interactive UI+2

Code

Context Hopper

A VS Code extension that helps collect files, code snippets, and notes into a structured context bundle for AI chats and documentation workflows.

TypeScriptVS Code Extension APIWebview UIjs-tiktokenNode.js

#VS Code Extension#Developer Tool#TypeScript+1

Code

Finance Tracker

A personal finance and portfolio tracking application for budgeting, transactions, goals, and investment visibility in a single dashboard.

Next.js 14TypeScriptPostgreSQLPrismaNextAuth.jsTailwind CSS

#Fintech#Full Stack#Dashboard+1

Code

Dev Tools

A browser-based toolkit for developers that combines JSON formatting, Laravel query log analysis, and remote VM file access.

JavaScriptNode.jsSSH2dotenvHTMLCSS

#Developer Tool#Utilities#Node.js+1

Demo Code

Developer Portfolio Website

A modern, responsive portfolio website built with Next.js 16, TypeScript, and Tailwind CSS featuring dark/light themes, contact integration, and optimized performance

Next.js 16TypeScriptTailwind CSSFramer MotionMDXVercel

#Next.js#TypeScript#Tailwind CSS+2

Code

Duty Roster Application

A comprehensive web application for managing cleaning duties and routine tasks with automated scheduling and notifications

Node.jsExpress.jsReact.jsSQLiteTailwind CSSGitHub Actions

#Task Management#Full Stack#Automation+1

Code

My Weather

A modern weather application built with Next.js, TypeScript, and Tailwind CSS

Next.jsReactTypeScriptTailwind CSSWeather API

#Weather#Next.js#TypeScript+1

Code

Issue Tracker

A Next.js-based issue tracking application for project management and bug tracking

Next.jsReactTypeScriptTailwind CSS

#Project Management#Issue Tracking#Next.js+1

Code

Gym TypeScript

A TypeScript practice project focusing on modern JavaScript/TypeScript development patterns and best practices

TypeScriptJavaScriptNode.js

#TypeScript#Learning#Best Practices+1