Portfolio CMS Admin Panel
A full-stack CMS to manage and edit my portfolio projects and skills dynamically
↳ Target Audience
Designers and developers who want a fully customized, code-driven CMS for portfolio management
↳ Problem
Hardcoding portfolio content or relying on bloated CMS platforms is inefficient for rapid iteration and customization.
↳ My Role
Solo Developer (Backend, API, Dashboard UI, Integration with React)
↳ Who is the client?
Personal Project (for My Portfolio)
↳ Step 1: Database & Schema Design
Defined MongoDB schemas for Projects and Skills with fields optimized for frontend rendering.
↳ Step 2: Admin Panel Development
Built a Pug-based admin dashboard with Create, Read, Update, and Delete functionality for both projects and skills.
↳ Step 3: API + Frontend Integration
Created secure API endpoints and integrated them with my React-based portfolio to serve dynamic content.
↳ Step 4: Deployment
Hosted backend on Render, connected with MongoDB Atlas, and ensured cross-origin requests worked smoothly with CORS.
↳ Final Results
↳ My 3 Main Takeaways
- #1 — Custom-built CMS offers full control, unlike rigid third-party tools
- #2 — Separation of frontend and backend made future migration to Next.js seamless
- #3 — Using RESTful APIs made my portfolio scalable and easier to maintain