feat: complete phase 2 layout rebuild
This commit is contained in:
parent
d2bb91fd72
commit
c83dc08660
|
|
@ -860,12 +860,14 @@ Goals:
|
||||||
- Port existing business content into React components.
|
- Port existing business content into React components.
|
||||||
- Replace hash routing with React Router.
|
- Replace hash routing with React Router.
|
||||||
- Move repeated content into data files.
|
- Move repeated content into data files.
|
||||||
|
- Remove legacy `styles.css` file.
|
||||||
|
|
||||||
Result:
|
Result:
|
||||||
|
|
||||||
- Site content exists in the new React app.
|
- Site content exists in the new React app.
|
||||||
- Routes are clean and shareable.
|
- Routes are clean and shareable.
|
||||||
- Structure is maintainable.
|
- Structure is maintainable.
|
||||||
|
- Old global stylesheet removed.
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
|
|
|
||||||
56
README.md
56
README.md
|
|
@ -88,6 +88,49 @@ Primary structure:
|
||||||
/support
|
/support
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Overhaul Phases
|
||||||
|
|
||||||
|
Version numbers correlate directly to the active phase:
|
||||||
|
|
||||||
|
- **Phase 1 — Stack Scaffold**: `0.1.x`
|
||||||
|
- Vite + React app foundation
|
||||||
|
- Tailwind CSS setup
|
||||||
|
- shadcn/ui-style primitives
|
||||||
|
- React Router
|
||||||
|
- Express backend
|
||||||
|
- better-sqlite3 database
|
||||||
|
- Initial API health/contact/support paths
|
||||||
|
|
||||||
|
- **Phase 2 — Layout Rebuild**: `0.2.x`
|
||||||
|
- App shell: Header, Footer, layout wrapper, mobile nav
|
||||||
|
- Route pages fully built and navigable
|
||||||
|
- Existing business content ported into React
|
||||||
|
- Repeated service/industry content moved into data files
|
||||||
|
- Static hash routing fully replaced by React Router
|
||||||
|
|
||||||
|
- **Phase 3 — Visual Overhaul**: `0.3.x`
|
||||||
|
- Modern light-first business design
|
||||||
|
- Tailwind theme polish
|
||||||
|
- Typography, spacing, radius, shadows, and responsive rhythm
|
||||||
|
- Refined service/industry cards and CTA sections
|
||||||
|
- Mobile-first layout polish
|
||||||
|
|
||||||
|
- **Phase 4 — Forms + Backend Hardening**: `0.4.x`
|
||||||
|
- Contact and support forms fully wired to Express
|
||||||
|
- SQLite persistence verified
|
||||||
|
- Validation and user feedback with Sonner
|
||||||
|
- Optional Zoho forwarding layer
|
||||||
|
- Backend/API hardening as needed
|
||||||
|
|
||||||
|
- **Phase 5 — Verification + Release Readiness**: `0.5.x`
|
||||||
|
- Build/runtime verification
|
||||||
|
- Route and form testing
|
||||||
|
- Accessibility checks
|
||||||
|
- Documentation and release cleanup
|
||||||
|
- Final push to `dev` for the completed phase
|
||||||
|
|
||||||
|
Patch versions increment for completed agent passes/checkpoints inside each phase. Example: `0.2.0`, then `0.2.1`, `0.2.2`, etc.
|
||||||
|
|
||||||
## Backend Goals
|
## Backend Goals
|
||||||
|
|
||||||
Initial API endpoints:
|
Initial API endpoints:
|
||||||
|
|
@ -105,6 +148,19 @@ Initial SQLite tables:
|
||||||
|
|
||||||
Contact and support forms should submit through Express, save to SQLite, and show user feedback with Sonner.
|
Contact and support forms should submit through Express, save to SQLite, and show user feedback with Sonner.
|
||||||
|
|
||||||
|
## Agent Plan
|
||||||
|
|
||||||
|
The overhaul is handled through the agent pipeline below:
|
||||||
|
|
||||||
|
1. **Scarlett** — design system, Tailwind/shadcn layout direction, responsive polish, accessibility review
|
||||||
|
2. **Neo** — Vite/React implementation, Express API, SQLite/database work, build-system changes
|
||||||
|
3. **Private Hudson** — security review for API routes, form handling, validation, data exposure, dependency risks, and backend hardening
|
||||||
|
4. **Scarlett** — UI polish pass after implementation changes
|
||||||
|
5. **Bishop** — build/runtime verification, route checks, documentation verification, version consistency
|
||||||
|
6. **Ripley** — final local checks, commit, tag, and push to `dev`
|
||||||
|
|
||||||
|
Agents do not touch git. Ripley owns all commits, tags, and pushes.
|
||||||
|
|
||||||
## Design Source of Truth
|
## Design Source of Truth
|
||||||
|
|
||||||
See [OVERHAUL_PLAN.md](./OVERHAUL_PLAN.md) for the full rebuild plan and Scarlett's design implementation brief.
|
See [OVERHAUL_PLAN.md](./OVERHAUL_PLAN.md) for the full rebuild plan and Scarlett's design implementation brief.
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
{
|
{
|
||||||
"name": "queuenorth-website",
|
"name": "queuenorth-website",
|
||||||
"private": true,
|
"private": true,
|
||||||
"version": "0.1.1",
|
"version": "0.2.0",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "concurrently \"vite\" \"node server/index.js\"",
|
"dev": "concurrently \"vite\" \"node server/index.js\"",
|
||||||
|
|
|
||||||
2629
styles.css
2629
styles.css
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue