M↓README.md
TSabout.ts
≡experience.log
{}skills.json
TSprojects.tsx
Yeducation.yml
$_contact.sh
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
# README.md
// last login: Sat 17 May, 09:14 — system ready
zohaib@portfolio~ $whoami
<Zohaib.Arshad />
// role:
// based in: "Chemnitz, Germany"
// experience: 5+ years · open to senior roles
/**
* I build accessible, performant web apps across the full stack.
* Currently at Staffbase — design systems, real-time
* features, performance & WCAG 2.1 across surfaces.
*/
* I build accessible, performant web apps across the full stack.
* Currently at Staffbase — design systems, real-time
* features, performance & WCAG 2.1 across surfaces.
*/
# about.ts
export const profile = {
name: "Zohaib Arshad",
role: "Frontend-Focused Fullstack Engineer",
location: "Chemnitz, Germany",
yearsOfExperience: 5,
focus: [
"scalable, accessible UI systems",
"design-system contribution & ownership",
"real-time features (WebSockets, optimistic UI)",
"performance + WCAG 2.1 across product surfaces",
"responsible use of AI in everyday dev",
],
/* short version */
summary: `
Frontend-focused Fullstack Engineer with 5+ years building scalable, accessible web applications using React, TypeScript, and Next.js, with backend experience in Node.js and MySQL.
Comfortable working across the full stack — from database design and API development through to polished, performant user interfaces — and integrating third-party APIs including Stripe for payments and REST for real-time communication.
Uses Claude Code and GitHub Copilot as a core part of my daily workflow with a quality-first, responsible mindset, taking full ownership of features end-to-end in remote, async environments.
`,
} as const;
# experience.log — $ git log --oneline --graph
Frontend Engineer @ Staffbase · Chemnitz, Germany
- Owned end-to-end frontend delivery of complex, high-traffic features on Staffbase's enterprise employee experience platform — scoping, architecture, and production release.
- Led the chat migration from a microfrontend to a fully integrated frontend module, partnering with backend on REST + WebSocket real-time communication.
- Contributed to the design system (React/TS + Tailwind + Storybook), standardising UI patterns across squads and cutting design-to-dev cycle time by ~25%.
- Drove test quality to 80%+ coverage across owned modules with unit, integration, and E2E testing; applied Copilot/Claude responsibly to accelerate coverage.
- Improved performance & WCAG 2.1 accessibility — lazy loading, bundle splitting, DOM optimisation, keyboard navigation, focus management, and screen-reader support.
- Defined component architecture patterns in technical design discussions and authored documentation adopted by the wider engineering team.
ReactTypeScriptTailwindStorybookWebSockets
Web Developer @ Westt · Remote
- Built performant, responsive storefronts end-to-end, contributing to a ~15% uplift in user engagement.
- Built backend REST endpoints in Node.js to serve and persist data for a VIP-customer product feature, powering the storefront frontend.
- Integrated multiple marketplaces (Linnworks, Plenty Markets, third-party APIs) via Axios for real-time inventory sync and fewer fulfilment errors.
- Automated operational workflows in Integromat (Make), cutting manual processing time by an estimated 40%.
JavaScriptNode.jsRESTAxiosIntegromat
Full Stack Developer @ ARASCA · Dubai, UAE
- Owned frontend for the eCommerce store and corporate site — cross-browser compatible, fully responsive interfaces from design to production.
- Optimised relational databases and reporting pipelines — reduced report generation time by ~30% through query tuning and data model improvements.
HTML5CSS3JS (ES6+)SQL
initial commit — career start
# skills.json
{
"languages": [
TypeScriptJavaScript (ES6+)HTML5CSS3
],
"frameworks": [
ReactNext.jsNode.jsTailwind CSSShadcnMaterial UI
],
"state": [
ReduxZustandTanStack QueryContext APIZod
],
"testing": [
JestVitestPlaywrightReact Testing LibraryE2E
],
"apis": [
RESTAxiosWebSocketsStripeSPA architecture
],
"database": [
MySQLrelational designquery optimisation
],
"tooling": [
GitGitHub ActionsViteWebpacknpm/yarnCI/CDDocker (basic)Confluence
],
"ai": [
GitHub CopilotClaudetest generationcode reviewworkflow optimisation
],
"security": [
XSS / CSRF preventioninput validationCSPOAuth flows
],
"design": [
Figmadesign systemscomponent librariesWCAG 2.1 / a11yresponsive design
]
}
# projects.tsx
// selected work — production features I led or contributed to
$ ./chat-module // module
constchat-module = function()
Migration of Staffbase's chat from a microfrontend to a fully integrated module — real-time messaging over WebSockets, optimistic UI, threaded reads.
perf: +18%users: enterprise
$ ./design-system // library
constdesign-system = function()
Contributions to the company UI component library — primitives, patterns, Storybook stories, accessibility audits. Reduced design-to-dev cycle ~25%.
cycle: −25%coverage: 80%+
$ ./marketplace-sync // service
constmarketplace-sync = function()
Integration layer between Linnworks, Plenty Markets and storefronts — real-time inventory sync and fulfilment error reduction.
errors: −40%engagement: +15%
$ ./a11y-audit // initiative
consta11y-audit = function()
WCAG 2.1 audit & remediation across key product surfaces — keyboard nav, focus management, screen-reader semantics, contrast.
score: AAissues: 120+ fixed
# education.yml
education:
- degree: "M.Sc. Web Engineering"
school: "Technische Universität Chemnitz"
where: "Germany"
period: 2021 — 2025
- degree: "B.Sc. Computer Science"
school: "Virtual University of Pakistan"
where: "Pakistan"
period: 2014 — 2018
languages:
- "English":# Professional working
- "Urdu":# Native
- "German":# Beginner (A1)
# contact.sh
#!/usr/bin/env bash
# reach me — i reply within ~24h
echo "hello@zohaib" | mail -s "let's build something" zohaibarshaddev@gmail.com
@// emailzohaibarshaddev@gmail.com{ }// githubgithub.com/zohaib-01in// linkedinlinkedin.com/in/zohaib-arshad-dev☏// phone+49 151 24305599
// process exited with code 0 — thanks for reading
// EOF — file ends here. press ⌘K to focus terminal.