Fox.

Frontend developer with a thing for motion, depth, and interfaces that make people stop scrolling.

Neovim
Svelte
Three.js
Tailwind
GSAP

Github Github //Linkedin Linkedin //Email Email

v.2.0 Scroll to explore

02 ~/workspace

Projects.

A few things I've built recently. Each one was an excuse to push pixels a little further.

01
Soumtech

Soumtech is a real estate auction platform that enables clients, sales agents, and entities to offer public and private auctions in a safe and organized electronic environment
- svelte
- typescript
- tailwindcss
02
Arabic4U

An interactive Arabic language learning platform designed to help students learn Arabic through engaging educational content, assessments, and gamified experiences.
- svelte
- typescript
- tailwindcss

03 ~/journal

Writing.

All posts

01 AUG 20, 2025

frontend

Building a File Upload Component

A walkthrough of how to handle file uploads using React — covering custom styling, drag and drop, image previews, upload progress, and presigned URLs.

Read

02 MAY 06, 2025

svelte

From React to Svelte: A Simpler, Faster Way to Build for the Web

My experience moving from React to Svelte — covering performance, developer experience, and what makes Svelte a better fit for the way I build.

Read

03 MAR 01, 2025

frontend

Authentication in Next.js with an External Backend

How to securely authenticate a Next.js app with an external backend while keeping server-side rendering and security best practices intact.

Read

04 ~/stack

Toolbelt.

What I reach for when building.

01 ~/ui

Frontend
- Svelte
- Next.js
- TypeScript
- Expo
02 ~/fx

Motion & 3D
- GSAP
- Three.js
- Lenis
- Motion
03 ~/dx

Tooling
- Neovim
- Linux
- Bun
- Figma
04 ~/srv

Backend & Misc
- Node.js
- Go
- Docker
- GraphQL

Fox.

Projects.

Soumtech

Arabic4U

Writing.

Building a File Upload Component

From React to Svelte: A Simpler, Faster Way to Build for the Web

Authentication in Next.js with an External Backend

Toolbelt.

Frontend

Motion & 3D

Tooling

Backend & Misc