-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
449 lines (434 loc) · 18.6 KB
/
index.html
File metadata and controls
449 lines (434 loc) · 18.6 KB
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
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
name="description"
content="Faheem Abbas is a mobile application developer building premium Flutter, Android, and iOS products with clean architecture, polished UX, AI tools, agentic coding, and automation-first workflows."
/>
<meta name="author" content="Faheem Abbas" />
<meta
name="keywords"
content="Faheem Abbas, mobile application developer, Flutter developer, Android developer, iOS developer, AI tools, agentic coding, AI automation, mobile app portfolio"
/>
<meta name="robots" content="index, follow" />
<link rel="canonical" href="https://faheemabbas766.github.io/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Faheem Abbas | Mobile Application Developer" />
<meta
property="og:description"
content="Premium mobile products across Flutter, Android, and iOS with AI-assisted delivery, agentic coding, and clean architecture."
/>
<meta property="og:url" content="https://faheemabbas766.github.io/" />
<meta
property="og:image"
content="https://faheemabbas766.github.io/assets/profile-hero.jpg"
/>
<meta property="og:image:alt" content="Faheem Abbas portrait" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Faheem Abbas | Mobile Application Developer" />
<meta
name="twitter:description"
content="Flutter, Android, iOS, AI tools, agentic coding, and modern mobile product delivery."
/>
<meta
name="twitter:image"
content="https://faheemabbas766.github.io/assets/profile-hero.jpg"
/>
<title>Faheem Abbas | Mobile Application Developer</title>
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap"
rel="stylesheet"
/>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css"
rel="stylesheet"
/>
<link href="css/styles.css" rel="stylesheet" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "Faheem Abbas",
"url": "https://faheemabbas766.github.io/",
"jobTitle": "Mobile Application Developer",
"description": "Mobile application developer building Flutter, Android, and iOS products with AI-assisted workflows, agentic coding, and clean architecture.",
"email": "mailto:faheemabbas766@gmail.com",
"address": {
"@type": "PostalAddress",
"addressCountry": "Pakistan"
},
"sameAs": [
"https://github.com/faheemabbas766",
"https://linkedin.com/in/faheemabbas766",
"https://www.freelancer.com/u/faheemabbas766"
],
"knowsAbout": [
"Flutter",
"Android Development",
"iOS Development",
"SwiftUI",
"Dart",
"Mobile Architecture",
"AI Tools",
"Agentic Coding",
"Developer Automation"
]
}
</script>
</head>
<body data-page="home">
<header class="site-header">
<div class="container nav-wrap">
<a class="brand" href="index.html">
<span class="brand-avatar-wrap">
<img class="brand-avatar" src="assets/profile-hero.jpg" alt="Faheem Abbas" />
</span>
Faheem Abbas
</a>
<button class="menu-toggle" type="button" aria-label="Toggle navigation">
<i class="bi bi-list"></i>
</button>
<nav class="site-nav" aria-label="Primary navigation">
<a href="index.html">Home</a>
<a href="projects.html">Projects</a>
<a href="resume.html">Resume</a>
<a href="contact.html">Contact</a>
</nav>
</div>
</header>
<main class="page-shell">
<section class="container hero">
<div class="hero-copy">
<div class="eyebrow reveal">Independent Mobile Application Developer</div>
<h1 class="reveal reveal-delay-1">
Building premium mobile apps across Flutter, Android, and iOS.
</h1>
<p class="reveal reveal-delay-2">
I help teams ship polished mobile products with clean architecture,
native-ready execution, AI tools, agentic coding, and automation
that speeds delivery without lowering the technical bar.
</p>
<div class="hero-actions reveal reveal-delay-2">
<a class="button" href="projects.html">
<i class="bi bi-grid"></i>
Explore Selected Work
</a>
<a class="button-secondary" href="contact.html">
<i class="bi bi-send"></i>
Discuss a Project
</a>
</div>
<div class="hero-metrics reveal reveal-delay-3">
<span class="metric-chip">
<i class="bi bi-layers"></i>
Cross-platform + native
</span>
<span class="metric-chip">
<i class="bi bi-cpu"></i>
AI tools + automation
</span>
<span class="metric-chip">
<i class="bi bi-phone-vibrate"></i>
150k+ public installs
</span>
<span class="metric-chip">
<i class="bi bi-patch-check"></i>
PSEB-registered freelancer
</span>
</div>
</div>
<div class="hero-visual reveal reveal-delay-2">
<div class="hero-card">
<img
class="hero-avatar"
src="assets/profile-hero.jpg"
alt="Faheem Abbas portrait"
loading="eager"
fetchpriority="high"
/>
<div class="hero-overlay hero-overlay--top">
<div class="hero-badge">
<span class="hero-badge-label">Faheem Abbas</span>
<strong>Flutter, Android, iOS</strong>
</div>
<span class="hero-location">
<i class="bi bi-geo-alt"></i>
Pakistan • Remote
</span>
</div>
<div class="hero-overlay hero-overlay--bottom">
<p>Open for freelance, contract, and serious product delivery work.</p>
<div class="hero-platforms">
<span>Clean architecture</span>
<span>AI-native workflow</span>
<span>Product polish</span>
</div>
</div>
</div>
</div>
</section>
<section class="section section-compact">
<div class="container brand-strip">
<div class="panel panel-dark reveal">
<div class="section-head">
<div>
<div class="eyebrow">What I build</div>
<h2 class="section-title">Mobile systems built for real product pressure.</h2>
</div>
</div>
<div class="stack-block">
<h4>Platforms</h4>
<div class="stack-list">
<span>Flutter Apps</span>
<span>Android Builds</span>
<span>iOS Products</span>
<span>Android TV</span>
</div>
</div>
<div class="stack-block">
<h4>Strengths</h4>
<div class="stack-list">
<span>Clean Architecture</span>
<span>MVVM</span>
<span>Subscriptions & Payments</span>
<span>Media & Streaming</span>
<span>AI Features</span>
<span>Developer Automation</span>
</div>
</div>
</div>
<div class="stat-grid">
<article class="stat-card reveal">
<div class="number">19</div>
<h3>Selected products + showcases</h3>
<p>Mix of public repos, shipped app store products, and verified public portfolio work, including SmartIPTV 100k+ and Kiwi 50k+ downloads.</p>
</article>
<article class="stat-card reveal reveal-delay-1">
<div class="number">3</div>
<h3>Mobile delivery tracks</h3>
<p>Cross-platform, native Android, and native iOS execution.</p>
</article>
<article class="stat-card reveal reveal-delay-2">
<div class="number">AI</div>
<h3>Workflow leverage</h3>
<p>AI tools, agentic coding, and automation used where they add real speed.</p>
</article>
</div>
</div>
</section>
<section class="section">
<div class="container">
<div class="section-head">
<div>
<div class="eyebrow">Featured Work</div>
<h2 class="section-title">Selected mobile products from recent work.</h2>
</div>
<p class="section-copy">
Public repositories, product-oriented builds, and a cleaner signal of the range I can
bring into modern mobile teams.
</p>
</div>
<div class="project-grid">
<article class="project-card reveal">
<div class="project-top">
<div class="project-logo">
<img src="assets/projects/adara-app-hub.png" alt="Adara App Hub logo" />
</div>
<span class="project-type">Flutter Marketplace</span>
</div>
<div>
<h3>Adara App Hub</h3>
<p>
A Flutter app marketplace client with OTP auth, app discovery, Stripe-backed
payment methods, subscriptions, reviews, deep links, and Android app-to-app flows.
</p>
</div>
<ul class="project-list">
<li>Category browsing, search, app detail media, and review flows</li>
<li>Subscription purchases, restore flows, and stored payment methods</li>
<li>Android-specific APK download, install, and child-app launch handling</li>
</ul>
<div class="project-footer">
<div class="project-tags">
<span class="tag">Flutter</span>
<span class="tag">GetX</span>
<span class="tag">Stripe</span>
<span class="tag">Private client work</span>
</div>
</div>
</article>
<article class="project-card reveal reveal-delay-1">
<div class="project-top">
<div class="project-logo">
<img src="assets/projects/smart-iptv.png" alt="SmartIPTV logo" />
</div>
<span class="project-type">Android TV</span>
</div>
<div>
<h3>SmartIPTV</h3>
<p>
An Android TV streaming product built with a modular architecture, secure token
handling, HLS playback, D-pad navigation, and TV-optimized UI.
</p>
</div>
<ul class="project-list">
<li>Jetpack Compose TV UI with media-centric navigation patterns</li>
<li>Secure storage, TLS verification, and production-ready secret handling</li>
<li>Subscription flows and categorized streaming content experience</li>
</ul>
<div class="project-footer">
<div class="project-tags">
<span class="tag">Android TV</span>
<span class="tag">Compose</span>
<span class="tag">Hilt</span>
</div>
<div class="project-links">
<a class="text-link" href="https://github.com/GoogleStoreProducts/smart-iptv-android" target="_blank" rel="noreferrer">
Repo <i class="bi bi-arrow-up-right"></i>
</a>
</div>
</div>
</article>
<article class="project-card reveal reveal-delay-2">
<div class="project-top">
<div class="project-logo">
<img src="assets/projects/ai-chat-ios.png" alt="AI Chat iOS logo" />
</div>
<span class="project-type">Native iOS + AI</span>
</div>
<div>
<h3>AI Chat App iOS</h3>
<p>
A native iOS app and Python backend for AI chat, image generation, PDF analysis,
audio transcription, widgets, App Clip support, and premium subscription features.
</p>
</div>
<ul class="project-list">
<li>SwiftUI interface with Sign in with Apple and widget support</li>
<li>OpenAI-powered chat, image generation, PDF chat, and Whisper transcription</li>
<li>FastAPI backend with Redis caching and observability stack</li>
</ul>
<div class="project-footer">
<div class="project-tags">
<span class="tag">SwiftUI</span>
<span class="tag">FastAPI</span>
<span class="tag">OpenAI</span>
</div>
<div class="project-links">
<a class="text-link" href="https://github.com/silverpie/chatappios" target="_blank" rel="noreferrer">
Repo <i class="bi bi-arrow-up-right"></i>
</a>
</div>
</div>
</article>
</div>
<div class="button-row" style="margin-top: 1.8rem;">
<a class="button-link" href="projects.html">
See all selected projects
<i class="bi bi-arrow-right"></i>
</a>
</div>
</div>
</section>
<section class="section">
<div class="container highlight-grid">
<article class="spotlight-card reveal">
<div class="eyebrow">Profile Signal</div>
<h2>Positioned for serious mobile product work, not template work.</h2>
<p class="lead">
This portfolio is designed to show broader mobile capability: Flutter when it makes
sense, native Android and iOS when needed, and AI-native execution that improves speed
while keeping engineering quality intact.
</p>
<div class="pill-row" style="margin-top: 1.4rem;">
<span class="pill"><i class="bi bi-layers"></i> Architecture first</span>
<span class="pill"><i class="bi bi-phone-vibrate"></i> Mobile product thinking</span>
<span class="pill"><i class="bi bi-magic"></i> AI-assisted execution</span>
</div>
</article>
<div class="value-grid">
<article class="value-card reveal reveal-delay-1">
<h3>Cross-platform + native</h3>
<p>
Flutter when it is the right product decision. Native Android or iOS work when a
feature, platform, or client requires it.
</p>
</article>
<article class="value-card reveal reveal-delay-2">
<h3>Premium product taste</h3>
<p>
Interfaces should feel intentional, fast, and user-ready, not like generic template
screens stitched together.
</p>
</article>
<article class="value-card reveal reveal-delay-3">
<h3>AI-native workflow</h3>
<p>
I use AI tools, agentic coding flows, and developer automation to accelerate
research, delivery, and refinement.
</p>
</article>
</div>
</div>
</section>
<section class="section">
<div class="container two-column">
<article class="panel reveal">
<div class="eyebrow">How I work</div>
<h2 class="section-title">Build quality comes from structure, not luck.</h2>
<p class="section-copy">
I care about maintainability, readability, and delivery discipline as much as the UI.
The goal is not just to ship a screen. The goal is to ship a product that can keep evolving.
</p>
<div class="stack-block">
<h4>What I focus on</h4>
<div class="stack-list">
<span>Scalable mobile architecture</span>
<span>Subscription and billing flows</span>
<span>Media, streaming, and content apps</span>
<span>Performance-aware UI delivery</span>
<span>API integrations</span>
<span>AI feature integration</span>
</div>
</div>
</article>
<article class="availability-card reveal reveal-delay-1">
<div class="eyebrow" style="background: rgba(255,255,255,0.08); color: #93c5fd;">Open To Work</div>
<h3 style="margin: 0; font-family: 'Space Grotesk', sans-serif; font-size: 2rem; letter-spacing: -0.05em;">
Available for mobile product work.
</h3>
<p>
If you need a strong mobile developer for a new build, feature sprint, app redesign,
or architecture cleanup, this portfolio is built to make that decision easier.
</p>
<ul>
<li>Freelance and contract product delivery</li>
<li>Cross-platform and native mobile scope</li>
<li>AI-assisted engineering workflows where they add leverage</li>
</ul>
<a class="button" href="contact.html">
<i class="bi bi-chat-dots"></i>
Reach out
</a>
</article>
</div>
</section>
</main>
<footer class="footer">
<div class="container footer-inner">
<div>© 2026 Faheem Abbas. Built for modern mobile product work.</div>
<div class="footer-links">
<a href="https://linkedin.com/in/faheemabbas766" target="_blank" rel="noreferrer">LinkedIn</a>
<a href="https://github.com/faheemabbas766" target="_blank" rel="noreferrer">GitHub</a>
<a href="mailto:faheemabbas766@gmail.com">Email</a>
</div>
</div>
</footer>
<script src="js/site.js"></script>
</body>
</html>