About Me

I'm Abdul Hadi Khan, a Computer Science student at the University of Toronto 🎓. With a passion for web, app, AI, and software development, I have honed my skills in various programming languages and concepts.

Some of my interests are in Web Development 🧑‍💻, UX Design ✨, and Artificial Intelligence 🛸. A few technologies I have been playing around with recently are Next.js, Three.js, and Nuxt.js.

Beyond coding, I love exploring 🔥 new things that I can implement on my next project 🚀. In fact, I have a YouTube channel where I share AI and learning videos to help others level up their skills 💯 and to express my love for new and practical technology.

    ccss3figmafirebasegitgithubhtml5intellijjavajavascriptjupyterkotlinmysqlmaterialuinetlifynextjsphotoshopplaywrightpostmanprismicpuppeteerpycharmpythonreacttailwind cssthree.jstypescriptunityvercelvitejsvscode
  • 2020
    Co-op at Studica
  • 2024 - Current
    Co-op at InsideDesk
  • 2017 - 2021
    Rick Hansen Secondary School
  • 2020
    Hardware, Troubleshooting and Maintenance Course at Sheridan College
  • 2021 - Current
    University of Toronto [Computer Science & TCS Major]

My Expertise

My Work

Opal Labs (Next.js Project)

I am currently working with a group of 7 people to create a Notion-like productivity website using the Agile model, Next.js, TypeScript, Google OAuth, PostgreSQL, Redis, Playwright, and Go.

3D Apple Website

This is a 3D Apple website built using Three.js, WebGi, and GSAP, which are powerful libraries for creating rich, interactive web experiences.

Local Video Player Extension

This is a chrome extension that plays local videos on the browser along with features like 0.10x to 16x video speed, stretch video to fill screen (only for 16:10 screens), a video seeker, and keyboard shortcuts.

Linkest Extension

This is a chrome extension that lets users take notes, save tab links, open local files on the browser, and Google search saved text with one click.

AI Art Generator

This app uses the Dall-E API to generate an image based on user input.

AI Translator

This app uses the ChatGPT API to translate user input into the selected language.

AI Stock App

This app uses the polygon.io and ChatGPT API to fetch stock data and analyze it. It then informs the user if their inputted stock is a good investment.

UTM Student Portal

The UTM Student Portal is a hub for academic tools, campus resources, and student services, with added features like a chatbot, weather widget, calculator, note taker, and dark mode to enhance user experience and convenience.

Firebase Cart App

This is a simple shopping cart progressive web app I made to test out Firebase Realtime Database. It allows users to store their grocery list in the app through the database, making it easy to remember what they need to buy.

Firebase Social Media App

This is a simple social media progressive web app I made to test out Firebase authentication and Cloud Firestore. The app lets a user sign in with email or Google and lets them create posts which are stored in Firebase's database.

Text To Speech

This is a simple web app that uses one of the Hugging Face APIs to turn text into speech using AI.

Vision AI App

This is a simple web app that uses one of the Hugging Face APIs to label objects within an image using Vision AI.

AI Agent Chatbot

This isn't just a ChatGPT powered chatbot, this is an AI that is able to call functions to accomplish actual tasks based on user prompt. Currently it can only call the getCurrentWeather & getLocation functions.

Unity Underwater Game

This is an underwater treasure hunt game that I made using Maya, C#, Adobe Audition, and Unity. You play as a diver looking for 3 keys to open a sunken chest in an immersive and vibrant underwater environment, all while evading blood-thirsty sharks.

Space Invader

This is an advanced version of the Space Invaders game which uses the pygame library to create features like spawning enemies, a giant final boss, dynamic music, and various power ups.

Todo List Application

This is a python application that uses the Tkinter, Pickle, Json, and Matplotlib modules to allow the user to create, edit, save, retrieve, and delete tasks. It also allows users to set reminders and to track their task creation, editing, and deletion by displaying it as a graph.

Huffman Compress Algorithm

This is a simple python program that takes in a file and compresses it using the huffman algorithm. It also allows for decompressing afterwards.

Map Plotting & Search

This is a python program which uses fake phone & billing data for customers to plot them on the map. It also allows you to filter and access their individual data.

Productivity Website Wireframe

This is a Figma wireframe for a productivity & Notion like website that is currently being used by my group of 7 to create a working prototype of the website.

Acme De La Vie App Wireframe

This is a Figma wireframe for an app based on the Acme De La Vie clothing store website. This was made in a group of 4 people using extensive background and user research.

Health Check In App Wireframe

This is a Figma wireframe for a Health Check In app that outlines how people can use an app to sign in to a hospital instead of manually talking to the front desk, thus speeding up the process.

Car Infotainment Dashboard Wireframe

This is a Figma wireframe for a Car Infotainment Dashboard that outlines an enhanced version of current solutions that prioritizes practical and safe usage, along with superior aesthetics.

Go Back To Expertise

Contact Me

ahkn63@gmail.com

abdulhadi.khan@mail.utoronto.ca

Download CV