Hi, I'm Yusuf 👋
Full Stack Developer building modern web applications with Next.js 15, React 19, and TypeScript. Creator of AnimePulse (anime tracking platform), NoteLab (real-time collaborative editor), Shortr (URL shortener), MarkAI (advanced markdown editor), and Clamor (E2E encrypted community platform). Passionate about real-time collaboration, clean architecture, and developer tools.
YY

About

Full Stack Developer with 5+ years of experience specializing in Next.js 15, React 19, and real-time collaborative applications. Built production-ready platforms including Clamor (E2E-encrypted community platform), AnimePulse (anime tracking with email notifications), NoteLab (real-time collaborative editor with Yjs WebSocket), Shortr (URL shortening with analytics), and MarkAI (advanced markdown editor with Mermaid & KaTeX). Expert in TypeScript, Prisma, PostgreSQL, authentication systems (Clerk, Better Auth), and modern UI/UX with Tailwind CSS and Radix UI. Self-taught, open-source contributor, and focused on building scalable, user-centric applications.

Skills

React 19
Next.js 15
TypeScript
JavaScript
Node.js
Prisma
PostgreSQL
PowerDNS
Better Auth
Clerk Auth
TanStack Query
Zustand
Redux
Yjs WebSocket
Lexical Editor
Tailwind CSS v4
Radix UI
Shadcn UI
Framer Motion
Docker
MinIO
RESTful APIs
GraphQL
WebSockets
WebRTC
E2E Encryption
TMDB API
Node Cron
Nodemailer
Arcjet
Zod
Biome
Git
CI/CD
HTML5
CSS3
My Projects

Check out my latest work

I've worked on a variety of projects, from simple websites to complex web applications. Here are a few of my favorites.

Clamor - E2E Encrypted Community Platform

Discord-inspired community platform built with end-to-end encryption at its core. Features servers with text and voice channels, a fine-grained role & permission system with per-channel overrides, real-time messaging via WebSocket, peer-to-peer voice/video via WebRTC, and full E2E encryption ensuring only participants can read messages. Includes automated moderation (spam protection, word filter, link filter), audit logs, a report & review queue, and native apps for iOS, Android, macOS, Windows, and Linux.

Next.js 15
React 19
TypeScript
WebSocket
WebRTC
E2E Encryption
PostgreSQL
Prisma
REST API
Push Notifications
Tailwind CSS
Shadcn UI
Docker

AnimePulse

Modern anime and TV show tracking platform with real-time episode notifications. Features include personalized watchlist management, episode calendar, trending/popular anime discovery, detailed show information with seasons and episodes, email notifications for new episodes, and comprehensive search functionality. Built with Next.js 15 and secured with Arcjet protection.

Next.js 15
React 19
TypeScript
PostgreSQL
Prisma
Better Auth
TMDB API
TanStack Query
Tailwind CSS
Radix UI
Node Cron
Nodemailer
Arcjet
Zod
Biome

Eleven - CRM & Project Management

Full-stack CRM and project management application for teams. Multi-tenant organizations with contacts, deals, configurable pipelines, projects, tasks, and file storage. Features include Better Auth (email/OAuth), role-based members, Stripe one-time billing, S3-compatible storage (e.g. Cloudflare R2), TanStack Table for data views, and Recharts for analytics.

Bun
Elysia
Next.js 16
TypeScript
PostgreSQL
Prisma
Better Auth
Stripe
Cloudflare R2
TanStack Query
React Hook Form
Zod
TanStack Table
Shadcn UI
Tailwind CSS
Recharts
Docker

NoteLab - Collaborative Note-Taking Platform

Modern real-time collaborative note-taking application with advanced features. Features include Lexical-based rich text editor, real-time collaboration via Yjs WebSocket, multi-team and workspace management, secure Clerk authentication, export to PDF and Markdown formats, trash system with note recovery, favorite notes, quick search, and comprehensive team collaboration tools.

Next.js 15
React 19
TypeScript
Lexical Editor
Yjs WebSocket
Clerk Auth
Prisma
PostgreSQL
TanStack Query
Zustand
Tailwind CSS v4
Shadcn UI
MinIO
Docker
Biome

Shortr - URL Shortening Platform

Modern open-source URL shortening platform with analytics. Features include instant URL shortening, click statistics tracking, secure data storage with Clerk authentication, global fast redirection, user-friendly modern interface with animated UI components, and completely free service. Built with Next.js and optimized for performance.

Next.js 15
React 19
TypeScript
Prisma
PostgreSQL
Clerk Auth
Tailwind CSS
Framer Motion
Radix UI
Shadcn UI

MarkAI - Advanced Markdown Editor

A powerful and beautiful real-time markdown editor with advanced features. Features include live preview with synchronized scrolling, syntax highlighting with Prism, Mermaid diagram support, KaTeX math equations, emoji picker integration, word count and reading time tracking, distraction-free dark theme interface, and comprehensive formatting toolbar.

Next.js 15
React 19
TypeScript
Tailwind CSS
react-markdown
Mermaid.js
KaTeX
Prism Syntax Highlighter
Emoji Picker React
remark-gfm
rehype-katex
Biome
Contact

Get in Touch

Want to chat? Just send me a message on LinkedIn or drop me an email. I'll respond whenever I can. I will ignore all soliciting.