Sha Memory.

A password-protected love letter sharing platform where heartfelt messages are delivered to friends through personalized, password-protected pages. Each letter features a warm, vintage-inspired design with custom typography (Ballet, Fleur De Leah, Imperial Script, Amiri), scroll-based fade effects, and dynamically generated Open Graph images optimized for social sharing on WhatsApp, Facebook, and Twitter.

Link

https://love-letter-smoky-rho.vercel.app/love/fady password:123

Stack

Next.js 16 (App Router), React 19, TypeScript, Tailwind CSS v4, Sharp, Vercel

Role

Frontend Developer

Highlights

•Built a password-protected letter delivery system with 7-day cookie-based authentication per recipient

•Engineered dynamically generated Open Graph images (1200×630) using next/og, with JPEG conversion via Sharp to meet WhatsApp's 600 KB limit

•Designed a warm, vintage-themed UI with custom font pairing (Ballet, Fleur De Leah, Imperial Script, Amiri) supporting both English and Arabic script

•Implemented a scroll-fade hook that subtly fades content edges to enhance the letter-reading experience

•Created dedicated WhatsApp-compatible OG images using URL-based image references alongside base64-embedded versions for Facebook/Twitter

OG Image

No OG image available

Sha Memory.

A password-protected love letter sharing platform where heartfelt messages are delivered to friends through personalized, password-protected pages. Each letter features a warm, vintage-inspired design with custom typography (Ballet, Fleur De Leah, Imperial Script, Amiri), scroll-based fade effects, and dynamically generated Open Graph images optimized for social sharing on WhatsApp, Facebook, and Twitter.