Projects

A collection of full-stack applications, libraries, and tools I've designed and built.

Client Hub

Multi-tenant B2B client and project management platform built with modern server architecture, RBAC, and streamlined team workflows.

Category

Full-Stack B2B SaaS Platform

  • Next.js 16
  • TypeScript
  • Drizzle ORM
  • Neon PostgreSQL
  • Better Auth
  • Tailwind CSS

Highlights

  • Role-Based Access Control (RBAC) for multi-tenant organizations
  • Robust user authentication and session management via Better Auth
  • Structured client, project, and team management workflows
  • Type-safe database interaction using Drizzle ORM and Neon Serverless

Glowry UI

Modern, accessible React 19 component system and animation library designed for high performance and smooth interactions.

Category

Design System & Component Library

  • React 19
  • Tailwind CSS v4
  • Motion 12
  • Floating UI
  • TypeScript

Highlights

  • Modular design system optimized for modern React 19 features
  • Fluid animations and physics-based transitions using Motion 12
  • Accessible overlay and popover primitives powered by Floating UI
  • Dark/light theme support with Tailwind CSS v4 design tokens

NoteForge

Feature-rich note-taking app equipped with a custom editor, real-time auto-save, and URL-state synchronization.

Category

Technical Rich-Text Workspace

  • Next.js 16
  • React 19
  • TipTap Editor
  • nuqs
  • Drizzle ORM
  • Tailwind CSS

Highlights

  • Custom TipTap rich-text editing experience with code syntax highlighting
  • Real-time auto-save with Next.js 16 Server Actions and cache components
  • Deep URL-state management and query filtering powered by nuqs
  • Hierarchical Notebook and Note organization

Null Chat (Aegis Chat)

End-to-end encrypted real-time messaging platform ensuring total privacy via client-side Web Crypto API and invite-only access.

Category

Zero-Knowledge E2EE Real-Time Messaging

  • React
  • TypeScript
  • Web Crypto API
  • Argon2id
  • Ably Realtime
  • Web Push API

Highlights

  • Zero-knowledge End-to-End Encryption (E2EE) performed entirely in the browser
  • Key derivation using Argon2id and Web Crypto API
  • Real-time messaging latency optimization via Ably
  • Secure invite-only system and Web Push Notifications

SaaS Factory

Modular, monorepo-based SaaS starter architecture isolating auth, teams, audit logging, and UI into reusable packages.

Category

Monorepo Starter Kit & Enterprise Architecture

  • Turborepo
  • pnpm workspaces
  • Better Auth
  • Drizzle ORM
  • Neon
  • shadcn/ui
  • TypeScript

Highlights

  • Modular monorepo architecture with independently published `@adamararawi/*` packages
  • Enterprise Team RBAC (Owner, Admin, Member, Viewer) with invite systems
  • Immutable Audit Trail for security tracking and compliance
  • Factory Pattern architecture with standardized ServiceResult error handling

Problem Solving Notes

Topic-centric study workspace for algorithm practice, problem tracking, and computer science study notes.

Category

Algorithm & CS Knowledge Base

  • Next.js 16
  • React 19
  • KaTeX
  • Shiki
  • Drizzle ORM
  • Better Auth
  • Tailwind CSS

Highlights

  • Hierarchical nested topic tree for structured CS algorithm study
  • Rich Markdown rendering with KaTeX math formulas and Shiki server-side code highlighting
  • Practice problem bookmarking with difficulty badges (LeetCode / Codeforces)
  • High-performance caching with Next.js 16 `use cache` and `cacheTag` invalidation

← Home