Launch
Portfolio v5
Shipped a complete redesign with an editorial changelog approach. Featured projects get dedicated case studies, everything else flows through a timeline.
Astro
React
Tailwind CSS
Framer Motion
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, build, and 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.
You're looking at it
Milestone
DeenCal reaches 50,000+ users
The prayer times calendar app crossed 50,000 monthly active subscribers worldwide. Rebuilt the stack with Cloudflare Workers + Hono + Supabase.
DDeenCal
GGrowth
Launch
Portfolio v4
Complete redesign focused on GSAP animations and typography. Introduced the coffee chat video concept.
React
Next.js
GSAP
Tailwind CSS
Update
DeenCal v1.2.0
Major update with reworked onboarding, dark mode, and full provider compliance for Google Calendar, Outlook, and Apple Calendar.
DDeenCal
Cloudflare Workers
Hono
Launch
Launched DeenCal
Shipped DeenCal — a web app that generates personalized Islamic prayer time calendar feeds. Users subscribe once and get auto-updating prayer times synced across all devices.
SvelteKit
FastAPI
PostgreSQL
Fly.io
Launch
Shipped Foresight
Built an AI-powered prediction platform that abstracts ML complexity behind a clean interface. 15+ HuggingFace models, 94% accuracy, sub-2s response times.
Python
HuggingFace
Next.js
tRPC
Launch
Study Wiz Channel
Started a YouTube channel focused on education and coding tutorials.
YYouTube
EEducation
TTutorials
Client
Client: PalOil
Built a full e-commerce platform with Sanity CMS and Algolia search integration.
Next.js
Tailwind CSS
Sanity CMS
Algolia
Update
HLDR v2
Major upgrade to the VS Code extension with Gemini completions and improved UX.
Python
TypeScript
Gemini
VVSCE
Hackathon
UofTHacks: MakeCloud
Built an infrastructure-as-code generator at UofTHacks. Won best use of Terraform.
Next.js
Terraform
FastAPI
PyTorch
Launch
Portfolio v3
Introduced Vis.js network graphs to visualize project connections.
React
VVis.js
Tailwind
Launch
Bravo
SSH automation tool for managing remote servers with Python and Paramiko.
Python
React
PParamiko.py
Hackathon
OEC Hackathon: AlertMe
Natural disaster alert system with real-time mapping and ML predictions.
Next.js
Mapbox
PyTorch
Hackathon
DeltaHacks: OuiCare
Healthcare companion app with Langchain-powered AI assistance.
Next.js
FastAPI
LLangchain
Launch
Start-up: Talk2Me
Language learning SaaS with Flutter, Firebase, and Stripe payments.
Flutter
Firebase
Stripe
Launch
KareemCal (DeenCal v1)
First version of the prayer times calendar. File upload based approach.
SvelteKit
FastAPI
ics.py
Launch
HLDR v1
VS Code extension for code documentation using GitHub Models.
Python
GGitHub Models
CCodespaces
Hackathon
UofTHacks: Cashflow
3D financial visualization tool built with Three.js.
HTML
CSS
JavaScript
Three.js
Launch
BaseScript
Programming knowledge base built with Quartz and Docusaurus.
QQuartz
DDocusaurus
MMarkdown
Launch
ScraPy - Outreach Tool
Web scraping automation for lead generation with Beautiful Soup.
Python
BBeautiful Soup
WWatchdog.py
Hackathon
DeltaHacks: DeltaWeb
Three.js powered web experience for the hackathon website.
HTML
CSS
JavaScript
Three.js
Client
Business: isDesign
Freelance web design business website.
TypeScript
MDX
Vercel
Client
Client: Saiad
Client website built with vanilla HTML, Tailwind, and JavaScript.
HTML
Tailwind
VVanilla JS
Launch
Portfolio v2
Second iteration of my personal site with improved design.
React
Tailwind
Figma
Launch
2048 Game
Terminal-based 2048 game written in C.
CC
BBash
Milestone
Club: McMaster Creates
Co-founded a creative community at McMaster University.
CCommunity
LLeadership
Academic
McMaster: Mechanics Research
Research project using Granta for materials analysis.
GGranta
RResearch
MMechanics
Academic
McMaster: System Design
OOP system design project in Python.
Python
OOOP
SSystem Design
Academic
McMaster: 3D Manufacturing
G-Code and 3D printing project.
QQ-Labs
GG-Code
33D Printing
Academic
McMaster: Materials Research
First year engineering research project.
GGranta
AAutoDesk Inventor
Launch
Debellis Depo
Website for my high school science teacher.
HTML
CSS
JavaScript
Launch
Portfolio v1
My first ever portfolio website built with Jekyll.
HTML
CSS
JJekyll
Experiment
Engineering Shenanigans
Collection of non-software engineering projects and experiments.
EEngineering
HHardware