Hi I'm Shadi
I've created a lot of websites, but I only recently discovered a new design philosophy. - June 1st 2025
A great website is an experience, an engineer is a methodical designer tasked with crafting and invoking emotion, change, or inspiration.
But behind every experience is a human. And every human has a story.
So, let's chat - about how I think, how I build, and how I bring digital ideas to life. If you've made it this far, let's sit down and enjoy a cup of coffee together.
Well, now that you know a little more about me...
Let me show you some highlights of my work. Each project tells a story of problem-solving, creativity, and technical craftsmanship.

Portfolio v4
React • NextJS • GSAP • Tailwind CSS • Figma

DeenCal
Sveltekit • FastAPI • ics.py • Fly.io • PostgreSQL • Tailwind CSS • Figma

Foresight
Python • HF • NextJS • tRPC

Study Wiz Channel
YouTube • Education • Tutorials

Client: PalOil
NextJS • Tailwind CSS • Figma • Sanity CMS • Algolia

Portfolio v3
React • Vis.js • Tailwind • Figma

Bravo
Python • React • Paramiko.py

UofTHacks24: MakeCloud
NextJS • Tailwind • Terraform • FastAPI • PyTorch

Hackathon: AlertMe - OEC
Next.js • Tailwind CSS • Mapbox • PyTorch

Hackathon: OuiCare - DeltaHacks
NextJS • FastAPI • Langchain • Figma

HLDR v2
Python • TypeScript • Fly.io • Gemini Completions • FastAPI • VSCE

Portfolio v2
React • Tailwind • Figma

Client: Saiad
HTML • Tailwind • Vanilla JS

Business: isDesign
Vercel • TypeScript • JavaScript • CSS • MDX

2048 Game
C • Bash

Club: McMaster Creates
Bringing People Together

Start-up: Talk2Me
Firebase • Flutter • Stripe • SaaS

Scheduling Micro-app
Sveltekit • FastAPI • ics.py • Tailwind • Fly.io

HLDR v1
Python • Github Models • Codespaces

Hackathon: Cashflow - UofTHacks
HTML • CSS • JavaScript • Three.js

BaseScript - Programming Database
Quartz • Docusaurus • Markdown • C • Javascript

ScraPy - Outreach Tool
Python • OpenPyxl.py • Beautiful Soup • Watchdog.py

Hackathon: DeltaWeb - DeltaHacks Web Dev
HTML • CSS • JavaScript • Three.js

McMaster Series: Mechanics Research
Granta • Research • Mechanics

McMaster Series: System Design
Python • OOP • System Design

McMaster Series: 3D Manufacturing
Q-Labs • G-Code • 3D Printing

McMaster Series: Materials Research
Granta • AutoDesk Inventor • Research

Debellis Depo
HTML • CSS • JavaScript • Three.js

Portfolio V1
HTML • CSS • Jekyll • JavaScript

Not-Software-Related Projects
Engineering Shenanigans