24 Jun 2026
WebMCP, Explained
What WebMCP is, the problem it solves, and how to make your website talk to AI agents — written for junior engineers.
A place for my random thoughts, ideas, and things I've learned along the way.
24 Jun 2026
What WebMCP is, the problem it solves, and how to make your website talk to AI agents — written for junior engineers.
Part 2 of the beginner's guide to ontologies. Once you've got objects, links, and actions, four ideas make the model DRY and shippable: shared properties and interfaces for reuse, and a generated SDK plus MCP for letting code and AI agents build on it.
06 Jun 2026
A beginner-friendly guide to ontologies for software engineers — from a list of words to the contract that powers UIs, SDKs, and AI agents. Built up with everyday examples, diagrams, and dialogs.
Nine workarounds we built around Single-SPA in production: the .NET shell, the envelope, the regex dispatch, and what the framework doesn't tell you.
I have been working with development since 2010. Started out and worked for almost 6 years as a .NET developer, but I found that my passion is building front-end stuff since 2016.
Nowadays, I am a full-time Lead Frontend Engineer @ WakeCap developing and maintaining products based on IoT technologies.
Fun fact about me, I am a color-blind person 😁.
I love sharing knowledge. This website is my space to share whatever random thoughts and ideas I come up with. Welcome!
const hamed = {
pronouns: "he" | "him",
code: ["Javascript", "Typescript", "HTML", "CSS", "SCSS"],
tools: [
"React",
"Redux",
"Node",
"Storybook",
"CSSinJS",
"Tailwind",
"Jest",
"Docker",
"NextJS",
"Single-SPA",
],
architectures: ["Component-Based", "Object-Oriented", "Micro-Frontend"],
locations: ["Cairo", "Riyadh", "Dubai"],
hobbies: [
{ name: "Photography", url: "https://500px.com/p/hamedfarag" },
{
name: "Podcast",
url: "https://open.spotify.com/show/3aiMMbfE8PMXFMK0QBvJTD",
},
],
website: "https://www.hamedfarag.dev/",
};