Launch
Portfolio v5
Shipped a complete redesign with an editorial changelog approach. Featured projects get dedicated case studies, everything else flows through a timeline.
AstroReactTailwind CSSFramer Motion
You're looking at itHi 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.
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.
DeenCalGrowth
View case studyLaunch
Portfolio v4
Complete redesign focused on GSAP animations and typography. Introduced the coffee chat video concept.
ReactNext.jsGSAPTailwind CSS
View projectUpdate
DeenCal v1.2.0
Major update with reworked onboarding, dark mode, and full provider compliance for Google Calendar, Outlook, and Apple Calendar.
DeenCalCloudflare WorkersHono
View case studyLaunch
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.
SvelteKitFastAPIPostgreSQLFly.io
View case studyLaunch
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.
PythonHuggingFaceNext.jstRPC
View case studyLaunch
Study Wiz Channel
Started a YouTube channel focused on education and coding tutorials.
YouTubeEducationTutorials
View projectClient
Client: PalOil
Built a full e-commerce platform with Sanity CMS and Algolia search integration.
Next.jsTailwind CSSSanity CMSAlgolia
View projectUpdate
HLDR v2
Major upgrade to the VS Code extension with Gemini completions and improved UX.
PythonTypeScriptGeminiVSCE
View projectHackathon
UofTHacks: MakeCloud
Built an infrastructure-as-code generator at UofTHacks. Won best use of Terraform.
Next.jsTerraformFastAPIPyTorch
View projectLaunch
Portfolio v3
Introduced Vis.js network graphs to visualize project connections.
ReactVis.jsTailwind
View projectLaunch
Bravo
SSH automation tool for managing remote servers with Python and Paramiko.
PythonReactParamiko.py
View projectHackathon
OEC Hackathon: AlertMe
Natural disaster alert system with real-time mapping and ML predictions.
Next.jsMapboxPyTorch
View projectHackathon
DeltaHacks: OuiCare
Healthcare companion app with Langchain-powered AI assistance.
Next.jsFastAPILangchain
View projectLaunch
Start-up: Talk2Me
Language learning SaaS with Flutter, Firebase, and Stripe payments.
FlutterFirebaseStripe
View projectLaunch
KareemCal (DeenCal v1)
First version of the prayer times calendar. File upload based approach.
SvelteKitFastAPIics.py
View projectLaunch
HLDR v1
VS Code extension for code documentation using GitHub Models.
PythonGitHub ModelsCodespaces
View projectHackathon
UofTHacks: Cashflow
3D financial visualization tool built with Three.js.
HTMLCSSJavaScriptThree.js
View projectLaunch
BaseScript
Programming knowledge base built with Quartz and Docusaurus.
QuartzDocusaurusMarkdown
View projectLaunch
ScraPy - Outreach Tool
Web scraping automation for lead generation with Beautiful Soup.
PythonBeautiful SoupWatchdog.py
View projectHackathon
DeltaHacks: DeltaWeb
Three.js powered web experience for the hackathon website.
HTMLCSSJavaScriptThree.js
View projectClient
Business: isDesign
Freelance web design business website.
TypeScriptMDXVercel
View projectClient
Client: Saiad
Client website built with vanilla HTML, Tailwind, and JavaScript.
HTMLTailwindVanilla JS
View projectLaunch
Portfolio v2
Second iteration of my personal site with improved design.
ReactTailwindFigma
View projectLaunch
2048 Game
Terminal-based 2048 game written in C.
CBash
View projectMilestone
Club: McMaster Creates
Co-founded a creative community at McMaster University.
CommunityLeadership
View projectAcademic
McMaster: Mechanics Research
Research project using Granta for materials analysis.
GrantaResearchMechanics
View projectAcademic
McMaster: System Design
OOP system design project in Python.
PythonOOPSystem Design
View projectAcademic
McMaster: 3D Manufacturing
G-Code and 3D printing project.
Q-LabsG-Code3D Printing
View projectAcademic
McMaster: Materials Research
First year engineering research project.
GrantaAutoDesk Inventor
View projectLaunch
Debellis Depo
Website for my high school science teacher.
HTMLCSSJavaScript
View projectLaunch
Portfolio v1
My first ever portfolio website built with Jekyll.
HTMLCSSJekyll
View projectExperiment
Engineering Shenanigans
Collection of non-software engineering projects and experiments.
EngineeringHardware
View project