Back to projects
Product

Laravel Portfolio CMS

Documentation-first personal portfolio and content management system with private admin CRUD, Bootstrap 5 design tokens, dynamic SEO engine, and zero-npm runtime.

Laravel 12 MySQL Bootstrap 5 Blade PHPUnit
View System
Laravel Portfolio CMS

Overview

Laravel Portfolio CMS is a documentation-first web application built to serve as an authoritative personal brand platform and content management system. Eschewing heavy frontend frameworks, it uses native Laravel 12, Bootstrap 5 design tokens, and a clean single-admin control architecture.

1. Problem & Context

  • Static Portfolio Limitations: Static site generators require code edits and Git commits for every minor text change, while off-the-shelf CMS solutions (WordPress) carry unnecessary bloat and security vulnerabilities.
  • Frontend Build Churn: Many modern portfolios rely on complex Node/NPM build pipelines that break over time due to dependency deprecation.
  • Governance & Maintainability: Personal projects frequently suffer from architectural drift and undocumented technical debt.

2. Core Features & Business Flows

🛠️ Comprehensive Admin CMS

  • Content CRUD: Full administrative control over Projects, Case Studies, Work Experiences, Skills, Services, and Technical Blog Articles.
  • Resume Management: Secure PDF upload, single-active versioning enforcement, and instant homepage download synchronization.
  • Contact Inbox with Telemetry: In-app message inbox capturing visitor telemetry (IP address, user agent, timestamps) with unread badge alerts.

🚀 Built-In SEO & Extensible Sitemap

  • Admin SEO Control: Customizable meta titles, descriptions, keywords, author attribution, and crawler visibility toggles directly from the settings panel.
  • Dynamic Robots & Sitemap: Dynamically generated robots.txt and XML Sitemap 0.9 with extensible provider hooks ready for future routes.
  • Social Media Previews: Automatic Open Graph (Facebook/LinkedIn) and Twitter Card tags tailored for each case study and blog post.

🎨 Tokenized Design System (No Build Step)

  • Zero-NPM Runtime: Direct CSS custom properties (design tokens) loaded from public/assets/, completely eliminating npm build steps.
  • Instant Light/Dark Theme: Fluid theme switcher utilizing native CSS variables with zero layout shift or flash of unstyled content.

3. Technology Stack & Key Skills

  • Backend: Laravel 12, PHP 8.3, Form Request validation, Middleware security gates
  • Database: MySQL with caching layers (Setting::allCached()) for instantaneous response times
  • Frontend: Blade components, Bootstrap 5, Bootstrap Icons, Vanilla JS, Toastify notifications
  • Testing & Quality: 38 automated PHPUnit/Pest tests (205 assertions) ensuring 100% regression safety

4. Key Engineering Highlights & Business Impact

  • Documentation-First Architecture: Governed by an immutable Constitution, 17+ Architecture Decision Records (ADRs), and strict knowledge base standards before writing code.
  • Blazing-Fast Performance: Achieved sub-50ms server response times through minimal database queries, setting caching, and direct asset delivery.
Back to all projects Inquire about similar project

Project Metadata

Project Scope
Product
Status
Active / Shipped
Website
/
Core Technology
Laravel 12, MySQL, Bootstrap 5, Blade

Other Case Studies

MorningStar Translation MM
High-traffic digital novel & comic platform in Myanmar featuring a dual-currency economy (Stars & Points), local payment automation (MyanMyanPay QR & manual slips), and PWA offline reading.
Nexus VPN Panel
Cloud server node orchestration and reseller billing SaaS for Outline VPN, featuring automated access key lifecycles, wallet ledgers, and Telegram Bot self-service.
Dream Comic
Freelance digital comic and webtoon publishing platform featuring AWS S3 cloud media storage, continuous scroll mobile reader, and VIP subscription monetization.