(03) / Archive
Things I’ve
made.
A collection of web applications and interfaces built with several technologies.
- 01Video Upload Demo
A progressive video recording and upload system that streams MediaRecorder chunks into resumable S3-compatible storage.
NuxtNestJStusS3MediaRecorderJul 2026Source ↗ - 02Lifestack
A personal metrics exporter that turns GitHub, WakaTime, and Spotify activity into Prometheus data for hosted dashboards.
Node.jsPrometheusGrafanaObservabilityAPIsJun 2026Source ↗ - 03KudiLog
A fast, local-first budgeting PWA for logging expenses, understanding monthly patterns, and keeping financial data on-device.
ReactPWAIndexedDBDexieTailwind CSS - 04Spatial Web
An experimental interface controlled by hand gestures, where webcam tracking turns the browser into a physical-feeling spatial canvas.
NuxtMediaPipeGSAPComputer VisionInteraction - 05Metrik Compass
A guided product-metrics planner that turns feature context into recommended measures, baselines, targets, guardrails, and definitions.
NuxtNuxt UIProduct AnalyticsMetricsTypeScript - 06Context Window
An AI-assisted technical writing workspace that turns chronological engineering traces into accurate, structured drafts ready for review.
ReactNestJSPostgreSQLPrismaLLMsFeb 2026Source ↗ - 07x-o-battleground ws server
The server for x-o-battleground is responsible for maintaining game data in real time. It tracks moves, updates scores, and supports reconnection so that players can continue their game even after a refresh.
Node.jsExpressTypescriptSocket.IOApr 2025Source ↗ - 08x-o-battleground
x-o battleground offers a simple interface to play multiplayer tic-tac-toe. it establishes a real-time connection to the server for game updates and utilizes local storage to maintain consistent player IDs between sessions.
Nuxt.jsSocket.IONuxt UINotivue - 09mockTail 🪄
A webapp that generates mock data from user-provided type definitions using OpenAI or Gemini. Perfect for frontend developers, it simplifies testing and prototyping with a clean, intuitive interface powered by NuxtUI. Streamline your workflow with instant, structured mock data.
Nuxt.jsNuxtUIopenaigoogle generative ai - 10Drummersville
A website showcasing a podcast series dedicated to the art of drumming, featuring in-depth interviews with drummers and music industry experts. The platform seamlessly integrates content from Strapi CMS and offers an embedded podcast player, blog content consumption, allowing visitors to explore articles and stream episodes directly on the site while discovering valuable insights from the drumming community.
Astro.jsTypescriptTailwindCSSAstro MarkdownStrapi CMSJan 2025Live ↗ - 11Damien's Photography Portfolio (WIP 🚧)
A visually appealing portfolio website designed for Damien, a fictional photographer, to showcase his work. The site features vibrant layouts, images grid, and dynamic visuals that enhance the presentation of his photography. This project combines creative design and technical expertise to deliver an engaging and immersive user experience.
Next.jsFramer MotionTailwindCSS - 12Note Taking
A versatile note-taking web application featuring flexible storage options (local IndexedDB and cloud appwrite sync), note organization through tags and archives, and customizable themes - all wrapped in a responsive modern interface.
Nuxt.jsTypescriptNuxt UIPiniaAppwriteDexieDBIndexedDBZodBcryptjs - 13Taskgid API
Working on a project focused on building a backend infrastructure for Taskgid, a task management system. This project is also me trying my hands on backend development for the first time.
Node.jsJavaScriptMongoDBExpressKnocklabsNov 2023Source ↗ - 14WebAuthn Experiment
My exploration into the world of WebAuthn – a cutting-edge authentication technology. This project showcases the potential for secure and passwordless login experiences on the web, offering a glimpse into the future of online security.
HTMLCSSNode.jsParcelExpressLowDBSimple WebAuthnAug 2023Source ↗ - 15Smart Pass
A password manager designed to help users securely store and manage their passwords. It utilizes REST API calls to interact with a server, allowing users to store their sensitive login information in a safe and organized manner.
Vue.jsNuxt.jsTypescriptPiniaAxios - 16Audiophile
Discover and shop for premium audio gadgets, including speakers, headphones, and earphones, in this side project e-commerce web app. Explore a curated selection of high-quality audio equipment for enthusiasts and discover the perfect audio gear for your needs.
Vue.jsNuxt.jsTypescriptPiniaIDB - 17MD Editor
I've developed a dynamic web application using Nuxt.js, which offers users a real-time Markdown content preview. With this application, users can effortlessly compose and format Markdown text while receiving instant visual feedback
Vue.jsNuxt.jsTypescriptPiniaRemarkableIndexedDB - 18Taskgid (WIP 🚧)
Building an intuitive task management system with customizable workspaces and task organization. Upcoming features include seamless team collaboration through workspace invites.
Vue.jsNuxt.jsTypescriptPiniaSupabaseNodemailerV-CalendarMar 2023Source ↗