Hasan Al-Kaf
AboutProjectsContactBlog
GitHubLinkedInEmail

© 2026 Hasan Al-Kaf. All rights reserved.

Hasan Al-Kaf — Front-End Engineer
|

Building digital experiences that merge creativity with engineering.

About Me

Front-end engineer currently working full-stack with Next.js and NestJS, building fast, user-friendly, modern web apps.

I have a strong passion for building exceptional user experiences and solving complex technical problems. I am currently focused on developing advanced web applications using cutting-edge technologies.

Experience

Full-Stack Developer
theChapter
Oct 2025 – PresentRemote

Full-Stack Developer working with Next.js and NestJS on payment, invoicing, and frontend architecture. - Integrate Moyasar and Tabby payment gateways to support online transaction flows. - Implement invoice-related workflows using Daftra. - Develop and maintain coupon functionality. - Build and update Next.js pages to support backend features and API integrations. - Refactor legacy frontend code to improve scalability, maintainability, and clarity. - Review pull requests and provide feedback to maintain code quality.

Front-End Developer
Ryadh Group
Nov 2024 – May 2025Remote

- Contributed frontend features to four client projects across education, social impact, and administration: Third Intelligence, Motqen Association, Waqf Al-Khibra, and Nusuk. - Implemented and maintained reusable data tables across all Nusuk dashboard sections, integrating backend API endpoints to retrieve and display dynamic data. - Developed the Nusuk news management page and contributed frontend features across two Next.js codebases. - Built responsive and accessible interfaces using Next.js, TypeScript, Tailwind CSS, Zod, Motion, shadcn/ui, and Radix UI.

Skills

Technical Skills

React.js
React.js
Next.js
Next.js
JavaScript
JavaScript
TypeScript
TypeScript
Node.js
Node.js
NestJS
NestJS
TailwindCSS
TailwindCSS
Motion
Zod
Zod
next-intl
TanStack Table
TanStack Table
React Query
React Query
shadcn/ui
shadcn/ui
Radix UI
Radix UI
Vitest
Vitest
SASS
SASS
PugJS
PugJS
Git
Git
React.js
React.js
Next.js
Next.js
JavaScript
JavaScript
TypeScript
TypeScript
Node.js
Node.js
NestJS
NestJS
TailwindCSS
TailwindCSS
Motion
Zod
Zod
next-intl
TanStack Table
TanStack Table
React Query
React Query
shadcn/ui
shadcn/ui
Radix UI
Radix UI
Vitest
Vitest
SASS
SASS
PugJS
PugJS
Git
Git
React.js
React.js
Next.js
Next.js
JavaScript
JavaScript
TypeScript
TypeScript
Node.js
Node.js
NestJS
NestJS
TailwindCSS
TailwindCSS
Motion
Zod
Zod
next-intl
TanStack Table
TanStack Table
React Query
React Query
shadcn/ui
shadcn/ui
Radix UI
Radix UI
Vitest
Vitest
SASS
SASS
PugJS
PugJS
Git
Git
React.js
React.js
Next.js
Next.js
JavaScript
JavaScript
TypeScript
TypeScript
Node.js
Node.js
NestJS
NestJS
TailwindCSS
TailwindCSS
Motion
Zod
Zod
next-intl
TanStack Table
TanStack Table
React Query
React Query
shadcn/ui
shadcn/ui
Radix UI
Radix UI
Vitest
Vitest
SASS
SASS
PugJS
PugJS
Git
Git

Engineering Practices

SEO
Web Accessibility
TDD
Cross-Browser Compatibility
Code Review
Reusable Component Design
SEO
Web Accessibility
TDD
Cross-Browser Compatibility
Code Review
Reusable Component Design
SEO
Web Accessibility
TDD
Cross-Browser Compatibility
Code Review
Reusable Component Design
SEO
Web Accessibility
TDD
Cross-Browser Compatibility
Code Review
Reusable Component Design

Soft Skills

Attention to Detail
Communication
Team Spirit & Teamwork
Problem Solving
Attention to Detail
Communication
Team Spirit & Teamwork
Problem Solving
Attention to Detail
Communication
Team Spirit & Teamwork
Problem Solving
Attention to Detail
Communication
Team Spirit & Teamwork
Problem Solving

Featured Projects

Nusuk Platform

Nusuk Platform

Data-heavy administration platform with reusable dashboard tables, API integrations, and news management.

Next.jsTypeScriptTanStack TableReact QueryREST APIs
Details
Third Intelligence

Third Intelligence

Responsive production website for a nonprofit technology company serving the social sector.

Next.js v15ZodMotionTailwindCSSShadcn/Radix‑UI
Details
Motqen Association

Motqen Association

Responsive Arabic website for specialised Qur’an education programmes, built with localisation and accessibility in mind.

Next.js v15Zodnext-intlMotionTailwindCSS
Details

Contact

I'm currently available for freelance work and full-time opportunities. If you're interested in working together, please don't hesitate to get in touch.

hassanalkaf635@gmail.comLinkedIn ProfileGitHub Profile
Send a Message
Fill out the form below and I'll get back to you as soon as possible.