Hi I am Saladin [
GLITCH
]

<front-end developer/>

A picture of SalaDin

What I do

Custom Front-End Development

I build responsive, high-performance web applications using HTML, CSS, JavaScript, and TypeScript. From pixel-perfect layouts with Tailwind CSS and Bootstrap to complex component systems with shadcn/ui and HeroUI — I craft interfaces that are clean, intuitive, and production-ready.

React & Modern JavaScript Ecosystem

I develop interactive web applications with React and its full ecosystem — React Router, TanStack Query, React Hook Form, Zod, and Axios. I build scalable, maintainable codebases with reusable components, efficient state management, and clean data fetching patterns.

Full-Stack & Next.js Development

I work with Next.js and the App Router to build full-stack web applications with server-side rendering, authentication via NextAuth.js, and REST API integration. Currently expanding into backend development to deliver complete, end-to-end solutions.

My Work

Who I am

Front-end developer based out of Cairo

Hey, I'm Salah-ElDin — you can call me [
GLITCH
]
.
I'm a Front-End Developer who genuinely loves what he does. I build responsive, interactive web applications using React, Next.js, TypeScript, and modern UI libraries like Tailwind CSS and shadcn/ui.

I started from zero, taught myself through structured diplomas and real projects, and I haven't stopped since. I care about clean code, smooth user experiences, and getting the details right — not because I have to, but because that's just how I work.

I'm currently looking for opportunities where I can contribute, grow, and build things that actually matter. If you're working on something interesting, let's talk.

Technical Skills

Languages:

HTML5

CSS3

JavaScript

TypeScript

Sass

Frameworks & Libraries:

React

Next.js

React Router

TanStack Query

React Hook Form

Zod

Axios

Redux ToolKit

UI & Styling:

Tailwind CSS

Bootstrap

shadcn/ui

HeroUI

Auth & Backend:

NextAuth.js

REST APIs

Python/Flask

SQLite

Supabase

Tools:

Git

GitHub

Vercel

VS Code

Chrome DevTools

My Work

A selection of my range of work

Adaasa — Photography Blog

Adaasa

React · React Router

What I learned

How to build with React and structure an app using client-side routing across multiple sections.

Key challenge

The blog pagination required a lot of upfront thinking to handle all edge cases gracefully. Deploying to GitHub Pages for the first time was also a learning curve — building and configuring the app correctly took more effort than expected.

ContactHub — Smart Contact Manager

ContactHub

Vanilla JS

What I learned

Full CRUD operations and a deep understanding of DOM manipulation. Developed UI design skills to build seamless elements like modals from scratch.

Key challenge

Keeping the JS object and the rendered DOM in sync. Any missed update between the two would silently break the UI — a subtle bug that took discipline to track consistently.

Cosmos — NASA Space Dashboard

Cosmos

Vanilla JS · NASA API

What I learned

How to connect external APIs to a UI and build a single-page app using native web technologies.

Key challenge

Handling different API request states. The launches section was especially tricky — the API response was deeply nested and hard to navigate, so I broke the data-binding logic into pseudocode steps before implementing it.

NutriPlan — Food & Nutrition Planner

NutriPlan

Vanilla JS · REST APIs

What I learned

A large-scale SPA with multiple APIs, OOP, and a full food experience — a consolidation and refinement of all my native front-end skills rather than introducing new ones.

Key challenge

The project had a 4-day window and was ambitious in scope. I used AI to handle repetitive work I'd done before, while staying hands-on for the parts that needed real judgment — most notably the food log, which involved complex date/time object formatting.

QuizMaster — Interactive Quiz App

QuizMaster

Vanilla JS · OOP

What I learned

A deep understanding of JavaScript OOP. Also worked with audio files to trigger sounds for specific user actions.

Key challenge

Smoothly transitioning between questions required careful state management. Syncing the ticking sound with the countdown timer was also a non-trivial timing problem.

TawaSoul — Social Media App

TawaSoul

React · TanStack Query · HeroUI

What I learned

Social media front-end architecture, protected routes, and all types of API calls beyond just GET. Picked up several new tools along the way, and got introduced to Vercel for painless deployments.

Key challenge

The API changed mid-development — all base URLs and endpoints needed updating, and I hadn't yet learned about .env files. I rebuilt the whole configuration carefully without breaking anything. Managing loading and submission states for a smooth UX also meant revisiting and rewriting working code multiple times.

Fresh-cart — E-commerce App

FreshCart

Next.js · TypeScript · NextAuth

What I learned

E-commerce architecture, TypeScript, and a serious dive into security — securing API calls and protecting sensitive data like tokens. Also got hands-on experience with AI-assisted development.

Key challenge

NextAuth was the hardest part — the concept of creating a secret key to re-encode an already-encoded token, then merging it into the session with custom type declarations, is not intuitive without a team to lean on. TypeScript felt painful at first but paid off significantly in the long run.

TaskFlow — Full-Stack todo list

TaskFlow

React · TypeScript · Supabase

What I learned

How to build and deploy a full-stack web app end-to-end — relational database design, authentication, real-time WebSocket subscriptions, and file storage buckets.

Key challenge

Keeping every backend layer in sync with a single action. Deleting a task isn't just a table row removal — any attached image in storage must also be deleted, or it becomes orphaned data. Getting that coordination right required treating each operation as a transaction.

107 — Bilingual English Learning App

107

React · TypeScript · Tailwind CSS · AI native development

What I learned

How to direct an AI through an entire production build — defining the architecture, enforcing the design decisions, and catching the mistakes it confidently made. The human role here was not writing code. It was knowing enough to recognize when the code was wrong.

Key challenge

AI does not debug itself. When the stylesheet collapsed due to a Tailwind v4 @apply constraint the model wasn't aware of, identifying the root cause and directing the fix still required a developer who understood what was happening under the hood.