Skip to content

Latest commit

 

History

History
65 lines (45 loc) · 2.01 KB

File metadata and controls

65 lines (45 loc) · 2.01 KB

Military Matters Migration (Main Repository)

This repository now contains two layers:

  1. Legacy source site (Dreamweaver-era static XHTML/CSS/JS)
  2. Modern rebuilt app in modern/ (React + Vite + Tailwind)

Agentic Coding Summary

The modernization was performed through iterative agentic coding, with each phase implemented and validated in-place.

Legacy Baseline

  • Original site used Dreamweaver templates, static pages, and repeated page blocks.
  • Legacy dependencies included old YUI calendar scripts and historical tracker scripts.
  • Content, styles, and assets were distributed across root HTML/CSS, archives/, images/, and notes.

Modernization Delivered

  • Created a dedicated modern app workspace: modern/.
  • Rebuilt site architecture around reusable React components and route-driven pages.
  • Applied Tailwind theme tokens derived from original brand colors.
  • Migrated key legacy media into modern/public/legacy.
  • Implemented archive article pipeline using static HTML article sources.
  • Added route compatibility for legacy URLs (including typo archive slugs).
  • Improved UX with responsive layout, image-forward hero, polished archive cards, and accessible navigation.
  • Added print and accessibility refinements and SEO metadata.

Current Source of Truth

  • Active modern app: modern/
  • Legacy site retained for reference and content verification: repository root + archives/

How to Run the Modern Site

cd modern
npm install
npm run dev

Then open:

  • http://127.0.0.1:5173

How to Build

cd modern
npm run build
npm run preview

Key Modern Paths

  • modern/src/components
  • modern/src/layout/AppLayout.jsx
  • modern/src/pages
  • modern/src/lib/articles.js
  • modern/src/content/article-html
  • modern/public/legacy

Completion Status

The requested migration from Dreamweaver static site to a modern React + Vite + Tailwind implementation is complete for the currently defined scope, with styling, content routing, and compatibility behavior in place.