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

Portfolio v4

React • NextJS • GSAP • Tailwind CSS • Figma

Deencal Homepage

DeenCal

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

Foresight Demo

Foresight

Python • HF • NextJS • tRPC

Study Wiz YouTube Channel

Study Wiz Channel

YouTube • Education • Tutorials

isDesign Client

Client: PalOil

NextJS • Tailwind CSS • Figma • Sanity CMS • Algolia

Previous Portfolio Website

Portfolio v3

React • Vis.js • Tailwind • Figma

Bravo Project

Bravo

Python • React • Paramiko.py

MakeCloud - UofTHacks24

UofTHacks24: MakeCloud

NextJS • Tailwind • Terraform • FastAPI • PyTorch

AlertMe Natural Disasters

Hackathon: AlertMe - OEC

Next.js • Tailwind CSS • Mapbox • PyTorch

DeltaHacks OuiCare Project

Hackathon: OuiCare - DeltaHacks

NextJS • FastAPI • Langchain • Figma

HLDR v2

HLDR v2

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

Portfolio v2

Portfolio v2

React • Tailwind • Figma

Client: Saiad

Client: Saiad

HTML • Tailwind • Vanilla JS

isDesign Business Website

Business: isDesign

Vercel • TypeScript • JavaScript • CSS • MDX

2048 Game Screenshot

2048 Game

C • Bash

McMaster Creates

Club: McMaster Creates

Bringing People Together

Talk2Me App Interface

Start-up: Talk2Me

Firebase • Flutter • Stripe • SaaS

Scheduling Micro-app Interface

Scheduling Micro-app

Sveltekit • FastAPI • ics.py • Tailwind • Fly.io

HLDR v1

HLDR v1

Python • Github Models • Codespaces

UofTHacks Project Demo

Hackathon: Cashflow - UofTHacks

HTML • CSS • JavaScript • Three.js

BaseScript

BaseScript - Programming Database

Quartz • Docusaurus • Markdown • C • Javascript

ScraPy

ScraPy - Outreach Tool

Python • OpenPyxl.py • Beautiful Soup • Watchdog.py

DeltaHacks Web Development Project

Hackathon: DeltaWeb - DeltaHacks Web Dev

HTML • CSS • JavaScript • Three.js

McMaster Engineering Project 4

McMaster Series: Mechanics Research

Granta • Research • Mechanics

McMaster Engineering Project 3

McMaster Series: System Design

Python • OOP • System Design

McMaster Engineering Project 2

McMaster Series: 3D Manufacturing

Q-Labs • G-Code • 3D Printing

McMaster Engineering Project 1

McMaster Series: Materials Research

Granta • AutoDesk Inventor • Research

Debellis Depo, a website for my science teacher

Debellis Depo

HTML • CSS • JavaScript • Three.js

Previous Portfolio Website

Portfolio V1

HTML • CSS • Jekyll • JavaScript

Random Projects

Not-Software-Related Projects

Engineering Shenanigans

Made with ❤️ by Shadi