This Website
Built end to end with AI as a collaborator, not a crutch — researched, reviewed, and shipped by hand. Here's the process behind it.
Research & Plan
Mapped out structure, content, and interactions with Claude before writing any code.
Build & Iterate
Implemented and refactored features with Claude Code and VS Code, one piece at a time.
Review & Redirect
Read every change, pushed back on anything that didn't fit, and rewrote what needed rewriting.
Ship & Maintain
Deployed via Netlify and Cloudflare, then kept revising based on how it actually felt to use.
Built with: hand-written HTML, CSS & JavaScript (no framework) · Claude & Claude Code · Git · Netlify · Cloudflare
SAP Data Hierarchy Explorer
Understanding underlying data structures is essential for data migration and governance. Explore the SAP Vendor Master (Procure to Pay) object and the relationships between its general, company code, and purchasing data.
How to use: Click a tab to explore one table at a time, or switch to Full Map to see how all three connect at once. 🔗 LIFNR marks the key field that threads through every table; 🔑 marks a key that's local to just that one.
LFA1: Vendor Master (General Section)
General / Master DataKey Field: LIFNR
| LIFNR | NAME1 | ORT01 | LAND1 |
|---|---|---|---|
| 100001 | Acme Corp | New York | US |
| 100002 | Globex Inc | London | GB |
LFB1: Vendor Master (Company Code)
Finance / AccountingKey Fields: LIFNR, BUKRS
| LIFNR | BUKRS | AKONT | ZTERM |
|---|---|---|---|
| 100001 | US01 | 31000 | NT30 |
| 100001 | EU01 | 31000 | NT15 |
LFM1: Vendor Master (Purchasing Organization)
PurchasingKey Fields: LIFNR, EKORG
| LIFNR | EKORG | WAERS |
|---|---|---|
| 100001 | P001 | USD |
| 100002 | P002 | GBP |
Every table below shares 🔗 LIFNR — the vendor's account number. It's the thread that lets you join General data to Finance data to Purchasing data for the same vendor.
LFA1
One row per vendor — the master record everything else hangs off of.
LFB1
One row per vendor per company code — a vendor doing business through 2 companies has 2 rows here.
LFM1
One row per vendor per purchasing organization — same idea, different process area.
Knowledge Check
Use the SAP tables above to trace the relational data and answer the following questions:
Want to dig deeper?
Click here for a larger full screen SAP Explorer project →API Concepts — The Restaurant Metaphor
Understanding APIs (Application Programming Interfaces) is crucial in modern software. This demo uses a familiar restaurant scenario to explain the Request/Response cycle.
Pick a method tab, fill in the control, hit the button — watch the ticket travel to the kitchen and back.
POST Request: Placing an Order
Sends data to the server to create a new resource.
GET Request: Reading the Menu
Retrieves existing data from the server without modifying it.
DELETE Request: Canceling an Order
Removes a specific resource from the server.
Network Log:
AI Training Matrix Generator
AI adoption isn't one-size-fits-all. Different departments require targeted enablement paths. Pick a corporate role to dynamically generate a tailored, three-phase AI learning matrix.
How to use: Select a business role from the sidebar to generate its tailored AI curriculum roadmap on the right.
Course Roadmap
Course 1: AI Literacy & Ethics
Foundational knowledge on LLMs, data privacy, and identifying AI hallucinations.
Course 2: Prompt Engineering Basics
Techniques for drafting effective prompts to automate daily workflows and communications.
Course 3: AI for Data Analysis
Leveraging Code Interpreter and data tools to summarize, visualize, and query datasets.
Course 4: Strategic AI Implementation
Evaluating AI ROI, identifying departmental use cases, and leading AI transformation.
Course 5: Custom GPTs & APIs
Building tailored AI assistants using internal knowledge bases and system integrations.
Generated Content
A showcase of AI-generated multimedia used for micro-learning and technical enablement.
Video Generation: Micro-Learning
Audio Generation: Podcast
Audio Generation: Podcast (Japanese)
A Larger Project
Query Quest: Learn SQL Through a Roguelike Adventure
Query Quest is a full standalone game built to teach SQL fundamentals through hands-on challenges. Navigate a branching map across three Acts, writing real SQL against an in-browser database to clear each room, collect gold and relics, and survive to the end.
How to play: From the title screen, start a run and pick your path through the map, node by node. Tutorial nodes teach a new SQL concept safe from risk, then ask you to write a matching query yourself. Challenge nodes present a problem — write a SQL query in the editor and run it; matching the expected result clears the room. Mystery nodes are a gamble for gold, relics, or a setback, and shops let you spend gold on relics that carry bonuses for the rest of the run. Manage your health carefully: a wrong or failed query at a challenge node costs you, and running out ends the attempt.