∷ ∷ ∷ ∷ ∷ ∷
221B
∷       ∷       ∷
A113
∷ ∷ ∷ ∷ ∷ ∷

Shumokh Alsharif

Software Engineer

Working across frontend and backend, mostly interested in the messy middle where they meet.

About me

Software engineering student

University of Jeddah · 2023–⁠2027

A software engineering student at the University of Jeddah with an eye for motion and interaction, the small details that make a site feel alive

Full-stack developer mainly building for the web, backed by experience in project management. Right now I’m expanding into DevOps

2023 2027

Programming Track Lead

Tuwaiq Club · University of Jeddah · 2026–⁠present

I’m currently leading the programming track at Tuwaiq Club, managing a team of 28 members. Together we plan the track’s sessions and workshops, keep projects moving, and make room for everyone to learn by building

Web Developer at GDG on Campus

Google Developer Groups on Campus · University of Jeddah · 2026–⁠present

I’m on the web development committee, building alongside the team and contributing to the backend and testing, the parts that keep things working once they ship

Project Management at EG & VR Club

Electronic Games & Virtual Reality Club · University of Jeddah · 2026–⁠present

I’m on the project management committee, where we run the club’s activities and workshops: managing timelines, tasks, and coordination between committees so every event goes as planned, without a hitch

A website should feel just as good as it functions. That's what I build.

Card 1
PLAN 01
  • User Research
  • Scrum
  • System Design
  • Prototyping
  • Figma
Card 1
BUILD 02
  • JavaScript & TS
  • React & Next.js
  • Three.js
  • WebAR
  • GSAP
  • REST APIs
Card 1
SYSTEMS 03
  • Node · Express · Nest
  • Socket.io
  • MongoDB & MySQL
  • CV & MediaPipe
  • Python & OpenCV
  • Postman & Vitest

My Deck of Work

  1. Programming Track

    Earn a badge, and dress the part.

    Full-stack development

    The site for the Programming Track of Tuwaiq Club at the University of Jeddah, and the admin panel that runs it. Every member has a cartoon character that anyone can restyle from their profile, within what that member's badges unlock, and bios suggested from a profile wait for an admin's approval. Other tracks can request a build and get a ticket number, and the track's work runs on PT-OS, a small desktop on a monitor. The semester journey opens each finished milestone as a pile of Polaroids that develop, and the playground is a sticker board of every member, or of who came to one event alongside characters for the committees that ran it.

    Behind it is an admin panel, open only to an allowlisted GitHub account with one session at a time. It edits members, badges, accessories, the journey, build requests and the site's text, and it reads the members survey's spreadsheet export in the browser, with no spreadsheet library, to turn it into skill stats. One Cloudflare Worker serves the React site and a Hono API, with content in D1 and photos in R2.

    • React
    • Motion + GSAP
    • Cloudflare Workers
    • Hono
    • D1 + Drizzle
    • R2
    • Better Auth
  2. Medixa

    Full-stack development

    A full-stack medication safety platform helping patients check whether their prescriptions are safe to combine. Users can scan pill packaging using OCR to pull the medication name automatically, then run an instant interaction check for severity, clinical significance, and management guidance, sourced from the RxNorm API, with a live Socket.io chat to message a pharmacist directly.

    • Node.js
    • Express
    • MySQL
    • Socket.io
    • OCR
    • Three.js
  3. Atelier

    Full-stack development

    A full-stack web platform connecting artists and buyers, enabling users to browse, purchase, and request custom artwork. Features include authentication, wishlist, and a commission system with server-side email handling using NodeMailer, along with a WebAR feature for visualizing products in real space.

    • Node.js
    • Express
    • MongoDB
    • NodeMailer
    • WebAR
    • GSAP
  4. AirPoint

    Point in the air, and it clicks.

    Computer vision

    A mouse controlled by hand, built with Python, OpenCV, and MediaPipe: the cursor follows my hand and pinch gestures click, with no hardware in between. The same tracking also plays Hill Climb Racing, with steering and acceleration mapped to hand gestures.

    • Python
    • OpenCV
    • MediaPipe
  5. Swarm

    Pinch the air, and it flows.

    Interactive visuals

    A GPU-rendered swarm of particles that follows both hands in real time: two-handed pinch gestures pull it into flowing, looping patterns. Hand tracking runs on OpenCV and MediaPipe, and the particles render with ModernGL.

    • Python
    • OpenCV
    • MediaPipe
    • ModernGL
  6. SeedSync

    UX / system design

    An IoT-based greenhouse management system designed to monitor and control environmental conditions such as temperature, humidity, and soil moisture. The project focused on user research, data-driven design decisions, and building an intuitive interface for real-time monitoring and automation.

    • Figma
    • IoT concepts
    • User research
  7. IoT Exhibition Archive website mockup

    IoT Exhibition Archive

    Frontend development

    A digital exhibition platform designed to showcase student projects, combining interactive sections, behind-the-scenes content, and user comments. Built with a focus on animation and spatial interaction using Three.js and GSAP.

    • JavaScript
    • HTML
    • CSS
    • Three.js
    • GSAP

Deal Me In.

Four ways to reach me, face down on the table. Turn one over, or roll the dice for my résumé.