Valencia City Water District

DocuManage — System Documentation

ManageDocPH · User manuals (HTML) · © VCWD

System Developer Message on Facebook

How to use these manuals

Start here: Pick a module below. Each guide has a table of contents on the left and numbered sections so you can stop and continue later. Use the links and interactive sections in your browser — a consolidated book-style edition may be offered later.

Available guides

01 — Login & Access

Login screen, CAPTCHA, sign in/out, password reset, User Manual link.

Ready · HTML

02 — Dashboard & Navigation

Home screen, KPI cards, Documents Overview, sidebar and top nav.

Ready · HTML

03 — User Management

Create users, roles, Add User dialog, Profile / Edit / Delete.

Ready · HTML

04 — Document Types

Add form, table, inline edit, multiple edit, retention & disposition.

Ready · HTML

05 — Categories

Multiple inline edit, View Files modal, reassign documents.

Ready · HTML

06 — Departments

Add Name/Code, multiple inline edit, Save all / Cancel all.

Ready · HTML

07 — Statuses

Add Name, multiple inline edit, workflow statuses, Save all / Cancel all.

Ready · HTML

08 — Upload Document

Single-page form (no tabs), phone/tablet/PC, Lookup, files, Save & Upload.

Ready · HTML

09 — Manage Documents

Search, table, Location column, attachments, Edit, Archive, View, Quick Peek.

Ready · HTML

10 — Retention Schedule

Document Retention Dashboard: expired / near expiry / safe, filters, NAP GRDS rules.

Ready · HTML

11 — Archived Documents

Soft-deleted list for retention review; restore via Manage Documents (Admin).

Ready · HTML

12 — Confidential Requests

Request Access: GM Memo / Board Resolution upload, filters, Submit Request.

Ready · HTML

13 — Confidential Grant Access

Grant code, print slips, open confidential file, 30-minute window, revoke access.

Ready · HTML

14 — Pending Approvals

Approve, reject, bulk approve, preview pending documents.

Ready · HTML

15 — Rejected Documents

Rejection reasons, revert to Pending Approval.

Ready · HTML

16 — View Documents

Viewer role: read-only search and preview.

Ready · HTML

18 — Activity Log

Admin audit trail, filters, confidential & view events.

Ready · HTML + screenshot

19 — Document Movements

Dashboard recent moves, full history, confirm receipt, move again.

Ready · HTML + screenshots

17 — Profile Settings

Account tab, System Access (Read/View & CRUD), with screenshots.

Ready · HTML

Markdown source

Original text versions live in docs/modules/ alongside this docs/html/ folder.

ManageDocPH — Technology Overview

DocuManage (ManageDocPH) is a web-based document management system for Valencia City Water District (VCWD). Built and maintained by , System Developer.

Backend

  • PHP 8.1+ with Laravel 10 framework
  • MySQL database · Eloquent ORM · migrations & seeders
  • Laravel Breeze — session authentication, login, password reset
  • Spatie Laravel Permission — roles (Administrator, Document Controller, Approver, Contributor, Viewer)
  • Blade server-side templates · form requests & validation
  • Intervention Image — profile photo processing
  • Mews Captcha — login security
  • Custom services (e.g. SMS notifications, document visibility rules)
  • REST-style routes · CSRF protection · activity logging

Frontend

  • Blade views with responsive layouts (app, guest, navigation)
  • Tailwind CSS 3 · Vite asset bundling
  • Alpine.js · Axios for light interactivity
  • Font Awesome icons · Figtree web font
  • Custom CSS — dashboard, sidebar, top navigation
  • Vanilla JavaScript — inline edit, modals, AJAX on maintenance & document screens
  • Embedded PDF/document viewer where applicable

Infrastructure & tooling

  • Deployed on Apache (Laragon / production host) · /mydocman application path
  • Composer (PHP) · npm (Node) for frontend builds
  • Private file storage for uploads & attachments
  • Static HTML user manuals (public/manual) — no login required

AI-assisted development

This system was partially developed using Cursor (AI-powered IDE) with human direction, review, and final decisions by the System Developer. AI assistance was used for implementation, UI work, documentation, and refactoring — not as a substitute for requirements, testing, or deployment approval.

AI models used in Cursor during development:

  • Claude 4.6 Sonnet (medium thinking)
  • Claude Opus 4.8 (thinking high)
  • Composer 2.5 Fast (Cursor agent)
  • GPT-5.3 Codex
  • GPT-5.5 Medium

Model selection varied by task (e.g. agents, chat, autocomplete). All outputs were reviewed and integrated by .