next.jsmongodbtailwind csstypescriptux designfull-stackcmsaccessibility
PortoHub — Full-Stack Portfolio Platform
A production-ready personal portfolio system with a custom block CMS, nine switchable themes, appointment booking, media library, and full WCAG 2.1 AA compliance — built with Next.js 15, MongoDB, and Tailwind CSS v4.
Tech Stack
- Next.js 15
- React 19
- TypeScript 5
- MongoDB + Mongoose
- Tailwind CSS v4
- Cloudinary
- Flowbite React
- Tiptap
- dnd-kit
- next-auth v5
- Zod
- React Hook Form
- Vercel
Project Info
- Live URL
- portohub.shahriarshanto.online
- GitHub
- uxresearcher0-pixel
- Study
- View Case Study →
- Status
- Published
PortoHub is a complete portfolio platform I designed and engineered from scratch. It features a block-based content editor, nine switchable themes sharing one dataset, an integrated appointment booking system, multi-CV management, and enterprise-level accessibility — all self-hosted with no third-party CMS dependency.
This project has a full case study
Read the in-depth process, research, and outcomes documentation.