Est. 2021
Hafis NAbu Dhabi, UAEOpen to work

Product Engineer & Frontend Architect

Hey, I'm Hafis N. For 5+ years I've built enterprise, SaaS, and government platforms with React, Next.js, and React Native. I co-founded KurlClubKurlClub and lead frontend architecture across teams: design systems, micro-frontends, and interfaces built to hold up in production.

Resume
Open to senior frontend & product engineering roles
02

Selected Work

Below are some select projects, full walkthroughs on request

KurlClub
01Co-founder & Product Engineer

KurlClub

A full product system for fitness businesses: memberships, staff workflows, attendance, payments, and operational visibility across web and mobile surfaces.

Next.jsReactReact NativeTypeScriptTailwind
View case study
E-Niyamasabha
02Frontend Lead · Senior Software Engineer (Contract)

E-Niyamasabha

Kerala made its Legislative Assembly paper-free in 2020. Five years on, I led the frontend architecture for its next generation: a micro-frontend platform the Assembly's members and secretariat run their proceedings on, built from scratch with a 12-person squad.

ReactTypeScriptViteModule FederationRedux ToolkitReact RouterTailwind CSSshadcn/uiReact Hook FormZodi18nextPDF.jsVitestGitLab CI
View case study
SmartQ360
03Senior Frontend Engineer · QCentro

SmartQ360

SmartQ360 is a garage management platform now used by 45+ garages across Kerala. I inherited it a quarter built and badly coded from a freelance team, and rebuilt the entire frontend from scratch, solo, into a live white-labeled, subscription product.

ReactTypeScriptMaterial UITailwind CSSdaisyUITanStack TableReact Hook FormZodReact RouterAxiosContext API
View case study
Financial 4.0
04Software Engineer · ClaySys Technologies

Financial 4.0

Financial 4.0 is a financial-education platform live for MSU Federal Credit Union, on web, iOS and Android. At ClaySys, on my first major client project, I joined as a React Native developer, built the mobile app to parity with the web, and shipped features across both the Next.js web app and the React Native app.

Next.jsReactTypeScriptReact NativeChakra UITanStack QueryFramer MotionFirebaseReact Hook FormReact NavigationREST APIs
View case study
03

How I work

Five years across enterprise, government, and SaaS platforms taught me that software survives on clarity: clear ownership, clear architecture, and clear proof that it works.

Own the outcome, not the ticket

In practiceKurlClub · Co-Founder

I work best with full context: the customer problem, the business bet, and the code. At KurlClub I run discovery, define the roadmap, and ship the platform it points to.

Fitness SaaS from concept to production, web and native, multi-tenant.

Architecture is a team-speed problem

In practiceGovernment of Kerala

I design frontends so teams can ship without waiting on each other: micro-frontends, clean contracts, independent deploys.

Legislative Assembly platform on Vite Module Federation, deployed across teams.

Consistency should be free

In practiceKurlClub · QCentro

Design systems and shared component libraries mean nobody re-decides a button. One source of truth across web and mobile.

Shared TypeScript libraries powering dashboards, CRM, and mobile.

Performance is a feature, not a pass

In practiceMSU Federal Credit Union

I profile before I polish: code-splitting, virtualization, and bundle discipline so the product feels instant where it counts.

Digital banking flows tuned to roughly 50 percent faster response.

04

Tools & Stack

TypeScript
TypeScript
React
React
Next.js
Next.js
React Native
React Native
TanStack Query
TanStack Query
Tailwind
Tailwind
Git
Git
VSCode
VSCode
Claude
Claude
ChatGPT
ChatGPT
Spotify
Spotify
TypeScript
TypeScript
React
React
Next.js
Next.js
React Native
React Native
TanStack Query
TanStack Query
Tailwind
Tailwind
Git
Git
VSCode
VSCode
Claude
Claude
ChatGPT
ChatGPT
Spotify
Spotify
TypeScript
TypeScript
React
React
Next.js
Next.js
React Native
React Native
TanStack Query
TanStack Query
Tailwind
Tailwind
Git
Git
VSCode
VSCode
Claude
Claude
ChatGPT
ChatGPT
Spotify
Spotify
05

Personal

On repeat · hand-built
Stereo Cassette · Type II
No art
▶ Now Listening
No signalinsert a tape
Vol 6

Good interfaces feel like real objects.

So instead of a flat “now playing” card, I built this cassette deck end to end. Every reel, screw and LED hand-rendered in CSS and SVG, animated with GSAP and wired to the live Spotify API. A small but honest sample of how I work: sweat the details, make them tactile, and keep it fast, responsive and accessible.

06

What they said

You have always been a great team player and amazing to work with, though it has been a short time in our projects.
Sohan Sabnis
Sohan Sabnis

Lead Project Manager · ClaySys Technologies

01 / 05
07

Contact

You can contact me using the form or via the links below.

hafiznjh007@gmail.com
Step 01 / 04purpose

What brings you here?

Pick the closest — you can add detail in your note.

Colophon

Built with Next.js, Tailwind CSS, GSAP, and a soft spot for details.

Hafis N

Product Engineer & Frontend Architect

Available
Open to senior frontend & product engineering roles
Local time
— GST
Based in
Abu Dhabi, UAE
© 2026 Core by Hafis NBack to top
Email copiedhafiznjh007@gmail.com