Projects

A collection of my personal and professional projects, showcasing my skills, creativity, and problem-solving abilities. Explore the diverse range of work I've done, from software development to design, and see how I approach challenges and deliver innovative solutions.

Bitez

Confidentiality Note: This project is built under NDA. Details shared here reflect publicly sharable information only.

B2B social media management platform designed for restaurants and cafes. Streamlines content creation, scheduling, and analytics for food service businesses managing multiple locations.

It included real-time chat and media processing job queues, allowing users to upload images and videos, which were then processed asynchronously for optimal performance.

Alongside the core platform, I developed a companion mobile app for iOS and Android, later gravitating towards a Progressive Web App (PWA) approach for broader accessibility and ease of updates.

Tech Stack: Next.js, TypeScript, Supabase, Prisma, PostgreSQL, Redis, BullMQ

Status: Maintained

Screenshots:

Bitez Dashboard (Some parts were redacted to comply with confidentiality)
Bitez Dashboard (Some parts were redacted to comply with confidentiality)

Linkboard

Self-hosted alternative to Linktree, a centralized link management and sharing solution you can deploy on your own infrastructure.

The first build of this project was a learning exercise for me and thus was not production-ready. I am currently working on a complete rewrite of the project, focusing on ease of deployment, user experience, and maintainability. The new version will be open-source and available on GitHub.

The new version has focus on ease of use for not tech-savvy users, with a simple and intuitive interface for managing links, analytics, and customization options.

Tech Stack: Next.js, TypeScript, Prisma, SQLite

GitHub: HangerThem/linkboard

Live (old version): socials.hangerthem.com

Status: Active / Maintained

Screenshots:

Linkboard UI (Old Version)
Linkboard UI (Old Version)
Linkboard UI (New Version)
Linkboard UI (New Version)
Linkboard Editor
Linkboard Editor

LRC Audio Player

NPM package that synchronizes LRC (lyrics file format) display with audio playback. Useful for music apps, karaoke platforms, and lyric-synced UIs.

It also has React wrapper support, allowing developers to easily integrate it into React applications.

Tech Stack: TypeScript, Audio API, NPM

GitHub: HangerThem/lrc-audio-player

NPM Package: lrc-audio-player

Status: Maintained

Features:

  • Real-time lyric synchronization
  • Customizable UI
  • Flexible timing formats
  • React wrapper for easy integration

Social Network

Personal learning project building a full-stack social network from scratch. It includes user authentication, profile management, post creation, and a basic feed system.

Tech Stack: Next.js, TypeScript, Supabase, Prisma, PostgreSQL, better-auth

GitHub: HangerThem/socials-example

Status: Active Development / Learning Project

Venia

Open-source cookie consent library with a strong anti-dark-pattern philosophy. Provides accessible, user-friendly consent management without manipulative UX patterns.

It is designed to be framework-agnostic, with implementations for React and Vue, and a core library that can be integrated into any web application.

For developers, it offers a CLI tool for easy setup and configuration, along with customizable components to fit various design needs.

Tech Stack: TypeScript, React, Vue, Node.js

GitHub: HangerThem/venia

NPM Package (core): venia/core

NPM Package (React): venia/react

NPM Package (Vue): venia/vue

NPM Package (CLI): venia/cli

Status: Maintained

Key Features:

  • GDPR/CCPA compliant
  • No dark patterns
  • Accessible by default
  • Lightweight and customizable

lighthouse-report-svg

Converts Lighthouse audit results into SVG visualizations. Useful for CI/CD pipelines, performance dashboards, and automated reporting.

Tech Stack: TypeScript, Node.js, SVG

GitHub: HangerThem/lighthouse-report-svg

Live Demo: lighthouse-report-svg.vercel.app

Status: Maintained

Use Cases:

  • Performance monitoring in CI/CD
  • Automated performance reports
  • Visual audit dashboards

This blog

This very blog is a personal project where I share my thoughts, tutorials, and insights on web development, programming, and technology trends.

Tech Stack: Next.js, TypeScript, Tailwind CSS

Source Code: HangerThem/blog.hangerthem.com

Summary

All source code is available on GitHub.