added video for FAM and video support to gallery

This commit is contained in:
Hunter W.
2026-05-31 23:34:21 -04:00
parent dc5cd50b57
commit d979ac7f9b
6 changed files with 436 additions and 155 deletions

View File

@@ -15,8 +15,10 @@ export type Project = {
slug: string;
title: string;
description: string;
details?: string;
tags: string[];
images?: string[];
videos?: string[];
link: string;
year: string;
};
@@ -32,10 +34,6 @@ export const PROFILE = {
{ label: "LinkedIn", url: "https://www.linkedin.com/in/hwilliamsf/", icon: "li" }
] satisfies SocialLink[],
contactMethods: [{
masked: true,
label: "478-331-2258",
icon: "tel"
}, {
masked: true,
label: "contact@hwilliams.dev",
icon: "email"
@@ -57,10 +55,26 @@ export const PROJECTS: Project[] = [{
slug: "flowbased-agent-management",
title: "Flow-Based Agent Management platform",
description: "The Flow-based Agent Managemment (FAM) platform is a real-world example of an Agent support tool designed to streamline high-volume in-person Agent to Guest interactions in various scenarios.",
details: `The source for this project is private, but I am happy to
discuss the architecture and design decisions in detail during
an interview.
This application was deployed for a major convention in May 2026, where it achieved a pretty wild amount of success:
- Single day registration of over 10,000 guests with an average processing time of about 45 seconds.
- No single guest wait time greater than 10 minutes.
The previous year at the same convention with the same attendance levels experienced major wait times, and physical lines that extended around multiple floors of a large convention space. Some
attendees waited in line for hours.
The platform consists of a Vue 3 frontend and a configurable backend interface.
It features a dynamic UX emphasized flow-based interface that allows agents to navigate complex tasks efficiently, and with minimal training.
A real-world solution for event staff and volunteer management.
`,
tags: ["Vue", "Node.JS", "Event-Management", "Real-Time", "Full-Stack"],
link: "private",
year: "2026",
images: [ "img/projects/fam/example-welcome.png", "img/projects/fam/example-step-in-flow.png"],
videos: [ "img/projects/fam/runthrough.mp4" ]
},{
id: 2,
slug: "clean-space",