Elshafey Portfolio & CMS
This portfolio: a Next.js public site with an animated 3D front end and a built-in admin CMS, backed by an Express and MongoDB API for projects, blog posts, taxonomies, media and contact messages.
Built with
Key Features
Public Portfolio & Blog
Projects browsable by category and skill, and articles by category and tag, each with its own detail page.
Admin CMS Dashboard
Manage projects, blog posts, categories, tags, skills, contact messages and site settings, including the CV.
Rich-Text Blogging
TipTap editor with images, links, tables and text alignment.
Media Library
Upload, browse and reuse media across projects and posts.
Secure BFF Architecture
The browser never calls the API directly; Next.js route handlers proxy every request with a shared secret, an HTTP-only JWT cookie and origin checks.
Motion & 3D
GSAP, Framer Motion, Lenis smooth scrolling and Three.js scenes through React Three Fiber.