M
HomeAboutProjectsSkills
Contact
HomeAboutProjectsSkills
Contact
ProjectsPortfolio Dashboard – Content Management System

Portfolio Dashboard – Content Management System

Portfolio Dashboard – Content Management System

About the project

Description

This is the admin dashboard that powers my portfolio site — a full stack content management tool I built to manage every piece of content shown publicly, without ever touching code or redeploying. It handles complete CRUD operations for Projects, Skills, Experience, Certifications, and Team Members, all backed by Firestore. I focused heavily on developer experience while building it: reusable components like SearchableSelect and PageHeader, complex Firestore aggregation queries with Promise.all for the dashboard's home page, and ImageKit integration with canvas-based image resizing for fast, optimized uploads. The interface is fully responsive, using container queries to handle constrained layouts cleanly across screen sizes.

Notes

  • This project IS the CMS that manages the rest of the portfolio's content — meta, but real.

Tech Stack

ReactTypeScriptFirebaseFirestoreTailwind CSSReact Router LibraryImageKitAxiosReact Hook FormReact Hot ToastReact IconsReact Image CropRechartsZodReact Datepicker
Back to all projects
M

Building fast, scalable web products — one commit at a time.

Based in Cairo, Egypt

Quick Links

  • Home
  • About
  • Projects
  • Skills

Connect

melshahat799@gmail.com

© 2026 Mahmoud Mostafa. All rights reserved.

Designed & built with Next.js + Tailwind CSS