The animated front door
The portfolio’s overview: identity, projects, experience, personality, and contact.
- Built with
- HTML, the original Webflow structure, GSAP, Lenis, and focused refresh CSS.
- Important files
/index.html, /assets/css/style.css, /assets/css/home-refresh.css, and the active scripts in /assets/js/.- How it works
- Scroll-driven sections, a view-switching project grid, an interactive résumé deck, theme toggle, and contact modal.
Hearth inventory
A home-inventory interface for organizing belongings by room and category.
- Built with
- Plain HTML, CSS, and JavaScript with an API-first path and a browser-saved demo fallback.
- Important files
/database/index.html, database.css, and database.js.- How it works
- Search, filters, room navigation, grid/list views, add and delete flows, computed summary cards, and local persistence.
City Signals
A city event dashboard for finding plans by date, neighborhood, type, venue, and price.
- Built with
- HTML, CSS, JavaScript, event APIs, and scraper utilities for event sources.
- Important files
/nyc-events/, /api/events.js, /api/scrape.js, and /scrapers/.- How it works
- Loads event records, normalizes them, filters the feed, opens detail modals, and supports manual or URL-based additions.
The chatbot workshop
The separate AI-agent experience linked from this portfolio.
- Built with
- Next.js and a standalone browser agent-builder experience.
- Lives elsewhere
- Its source and deployment are intentionally separate in
embadmin/embagentlanding. - How it works
- A landing page introduces the product; the builder collects identity, mission, knowledge, and tone before opening a test chat.
Website pulse check
A focused utility for checking whether a website responds successfully.
- Built with
- A compact HTML interface and browser JavaScript.
- Important files
/website-crash-monitoring/index.html and monitor.js.- How it works
- Normalizes entries like
www.google.com, adds the missing protocol, requests a check, and explains the result.
The toolkit map
An interactive inventory of the technologies used across the projects.
- Built with
- The shared Project Lab visual system and lightweight JavaScript.
- Important files
/techstack/index.html, /techstack/techstack.js, and /assets/css/project-lab.css.- How it works
- Technology records are rendered into cards and filtered by frontend, backend, data, or cloud and AI layers.
The idea workbench
A deliberately unfinished place for scraps, questions, experiments, and unexpected combinations.
- Built with
- The shared Project Lab styles plus a small local-storage application.
- Important files
/junkyard/index.html and /junkyard/junkyard.js.- How it works
- Saves scraps in the browser, counts them, removes them, and remixes two entries into a new prompt.
The experience timeline
A visual, interactive version of the résumé and career path.
- Built with
- A self-contained HTML page using the portfolio type, color, and motion vocabulary.
- Important file
/timeline/index.html.- How it works
- Career entries are arranged chronologically with interactive detail and a direct route back home.
The site explaining itself
This page is the maintainers’ map and the curious visitor’s backstage pass.
- Built with
- Semantic HTML and a dedicated playful documentation stylesheet.
- Important files
/docs/index.html and /docs/docs.css.- How it works
- Documents active routes, shared systems, deployment boundaries, and verified repository milestones.