Project 1 (This Website)
This portfolio is a living project, built from the ground up to showcase my skills in front-end development and my journey leveraging AI tools. The design prioritizes clean typography, whitespace, and a minimalist aesthetic, reflecting a deliberate and professional approach. It is fully responsive and demonstrates my ability to translate a design concept into a functional web experience.
Development Workflow & Tech Stack
Hover over or tap a tool above to see how it was utilized in building this portfolio.
Project 2: API Concepts - The Restaurant Metaphor
Understanding APIs (Application Programming Interfaces) is crucial in modern software. This interactive demonstration uses a familiar restaurant scenario to explain the Request/Response cycle.
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:
Knowledge Check
Test your understanding of API concepts and HTTP methods:
Project 3: SAP Data Hierarchy Explorer
Understanding underlying data structures is essential for successful data migration and governance. This interactive tool explores the hierarchy of the SAP Vendor Master (Procure to Pay) object, showcasing the relationships between general, company code, and purchasing data.
LFA1: Vendor Master (General Section)
Key Field: LIFNR
| LIFNR | NAME1 | ORT01 | LAND1 |
|---|---|---|---|
| 100001 | Acme Corp | New York | US |
| 100002 | Globex Inc | London | GB |
LFB1: Vendor Master (Company Code)
Key Fields: LIFNR, BUKRS
| LIFNR | BUKRS | AKONT | ZTERM |
|---|---|---|---|
| 100001 | US01 | 31000 | NT30 |
| 100001 | EU01 | 31000 | NT15 |
LFM1: Vendor Master (Purchasing Organization)
Key Fields: LIFNR, EKORG
| LIFNR | EKORG | WAERS |
|---|---|---|
| 100001 | P001 | USD |
| 100002 | P002 | GBP |
🔑 BUKRS
🔑 EKORG
Knowledge Check
Use the SAP tables above to trace the relational data and answer the following questions:
Project 4: AI Training Matrix Generator
AI adoption isn't one-size-fits-all. Different departments require targeted enablement paths. Enter a corporate role below to dynamically generate a tailored, three-phase AI learning matrix.
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
"A bright, colorful, Sesame Street-style educational video featuring expressive felt puppet characters. A teenage-looking puppet customer sits at a retro diner counter and hands a paper order slip (representing a data request) to a cheerful puppet waiter (representing the API). The waiter happily takes the order and slides the ticket through a pass-through window to an energetic puppet chef (the Server) who starts cooking. The setting is vibrant, inviting, and evenly lit like a high-quality children's television show, 4k resolution, fun and lively camera framing."
Audio Generation: Podcast
"Generate a short conversational podcast intro featuring two engaging voices (one dynamic host, one tech-expert co-host). They are expert technical trainers who excel at storytelling. The Host warmly welcomes listeners to the 'Enablement Edge' podcast and introduces today's topic: demystifying APIs. The Expert Co-host jumps in enthusiastically, introducing the classic restaurant analogy. They banter smoothly back and forth: the Host plays the hungry customer (the Client) placing an order, while the Expert explains how the Waiter acts as the API, carrying the data payload safely to the Chef (the Server) in the kitchen. The tone is highly educational, energetic, and professional."
Audio Generation: Podcast (Japanese)
"Generate a short conversational podcast intro featuring two engaging voices (one dynamic host, one tech-expert co-host). They are expert technical trainers who excel at storytelling. The Host warmly welcomes listeners to the 'Enablement Edge' podcast and introduces today's topic: demystifying APIs. This is for the APJ region. Be sure to research, respect, and embrace cultural and professional expectations in this region."