P·05 — Design & build This site
DevFolio
The site you are reading: an editorial portfolio, blog, community feed, marketplace, Developer Lab and Ideas platform in one Laravel application.
The brief
The site you are reading: an editorial portfolio, blog, community feed, marketplace, Developer Lab and Ideas platform in one Laravel application.
The result
One codebase carrying six public products, a Livewire-first architecture, and a test suite that treats the interface as the contract — documented from the route map down to the last component.
Built with
- Laravel 13
- Livewire 4
- Tailwind 4
- Flux UI
- Pest
The documentation for this project is the repository itself. Every page below is one of its docs, rendered in full.
All selected workDocumentation
Every page of DevFolio documentation: 26 pages.
Architecture
Architecture How this application is organised, and why it is organised that way. Every claim here was verified against the code; where something is aspirational rather than true,...
ReadApplication Flow — DevFolio
Application Flow — DevFolio User journeys and key interactions for every actor in the system. Scoped by role. This document was originally written for a single-author product with...
ReadRoute Reference
Route Reference Every route in the application, transcribed from php artisan route:list . 135 routes are registered — 25 of them package plumbing summarised in §13, the rest listed...
ReadDatabase & Backend Schema — DevFolio
Database & Backend Schema — DevFolio Complete data model for the portfolio and technical blog platform. Companion documents: PRD · TRD · Application Flow · ERD --- 1. Schema Overvi...
ReadAPI Design
API Design Status: NOT YET IMPLEMENTED. This document specifies the intended HTTP API surface. There is currently no routes/api.php , no Laravel Sanctum , and no API controllers in...
ReadEntity Relationship Diagram — DevFolio
Entity Relationship Diagram — DevFolio Companion documents: PRD · TRD · Application Flow · UI/UX Brief · Schema --- 1. Diagram Conventions Notation Meaning --- --- --o{ One-to-many...
ReadRoles, Permissions and Plans
Roles, Permissions and Plans The authorization model, in full. Every table here was generated by executing the enum methods, not transcribed by hand — if this document and the code...
ReadComponent Reference
Component Reference Every reusable view in the application. Props are transcribed from the @props block in each file — if this document and the source disagree, the source wins, an...
ReadUI/UX Brief — DevFolio
UI/UX Brief — DevFolio Design principles, component behaviour, and user experience guidelines. --- 1. Design Philosophy 1.1 The site is the portfolio piece A senior engineer's site...
ReadSoft UI — Dashboard Design Guidelines
Soft UI — Dashboard Design Guidelines The design system for the authenticated workspace. Tokens live in resources/css/app.css ; primitives live in the sui- utilities in the same fi...
ReadTechnical Requirements Document — DevFolio
Technical Requirements Document — DevFolio Field Value --- --- Document version 1.1 Status Approved for build — §2.5, §4.1 and §5 revised for the role model Audience Senior enginee...
ReadProduct Requirements Document — DevFolio
Product Requirements Document — DevFolio A portfolio and technical knowledge platform for a full stack developer. Field Value --- --- Product name DevFolio Document version 1.0 Sta...
ReadTheming — dark by default, light on request
Theming — dark by default, light on request Every surface in DevFolio — the public site, the auth screens and all three role dashboards — renders in one of two themes: dark (the de...
Readshamim.it Developer Lab — Master PRD & Implementation Prompt
shamim.it Developer Lab — Master PRD & Implementation Prompt Status: UPSTREAM PRODUCT SPEC — PARTIALLY IMPLEMENTED. This document is an input that has since been partly built. It s...
ReadIdea — Master Product & Development Prompt
Idea — Master Product & Development Prompt Status: UPSTREAM PRODUCT SPEC — PARTIALLY IMPLEMENTED. This document is an input that has since been partly built. It was written as a bu...
ReadAI Workflow
AI Workflow The observability surface for autonomous software engineering. This document is the design specification for the AI Workflow dashboard — the screen an engineering lead...
ReadCode Review Standard
Code Review Standard Applies to: every change to D:\laravel\shamim (DevFolio). Status: normative. A change is not finished until it satisfies the gates in §2 and has been reviewed...
ReadCoding Standards
Coding Standards Applies to: every change to D:\laravel\shamim (DevFolio). Status: normative for how code is written . docs/CODE-REVIEW-STANDARD.md owns the review process ; this d...
ReadDeploying to Hostinger
Deploying to Hostinger This is the operational guide for getting DevFolio live on Hostinger shared hosting (Premium / Business) with automatic deploys from GitHub. The pipeline is:...
ReadFEED-DESIGN-SYSTEM
FEED-DESIGN-SYSTEM The /feed surface's design contract. Everything the module renders — the index, the thread page, the rails, the inspector, the composer — draws from the layers d...
ReadMaster PRD --- Unified Marketplace & Open-Source Package Hub
Master PRD --- Unified Marketplace & Open-Source Package Hub Purpose: Merge the supplied software-marketplace homepage, Laravel package catalogue, and package documentation page in...
ReadReview Checklists
Review Checklists Applies to: every change to D:\laravel\shamim (DevFolio). Status: normative procedure. Every item is a yes/no a human can answer in seconds — these are not opinio...
ReadShamim Developer Community --- Master PRD
Shamim Developer Community --- Master PRD Deliverable: Product requirements + Laravel implementation blueprint\ Stack: Laravel 13, compatible Livewire release, Blade components, Ta...
ReadShamim Developer Community --- Master PRD
Shamim Developer Community --- Master PRD Deliverable: Product requirements + Laravel implementation blueprint\ Stack: Laravel 13, compatible Livewire release, Blade components, Ta...
Readshamim V2 — AI Knowledge Hub & Package Marketplace
shamim V2 — AI Knowledge Hub & Package Marketplace Status: UPSTREAM PRODUCT SPEC — PARTIALLY IMPLEMENTED. This document is an input that has since been partly built. It specifies t...
ReadshamimV3 — Developer Marketplace & Digital Product Ecosystem
shamimV3 — Developer Marketplace & Digital Product Ecosystem Status: UPSTREAM PRODUCT SPEC — PARTIALLY IMPLEMENTED. This document is an input that has since been partly built. It s...
Read