Repository navigation
Expand file tree
/
Copy pathprojects.html
More file actions
375 lines (349 loc) · 21.8 KB
/
Copy pathprojects.html
File metadata and controls
375 lines (349 loc) · 21.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Projects by Shuaib Ahamad — the Warden Inspection System, WLED LED desk build, student grade management, 3D printing, ESP32 eye tracking, and more.">
<title>Projects | Shuaib Ahamad</title>
<meta property="og:title" content="Projects | Shuaib Ahamad" />
<meta property="og:description" content="Explore Shuaib Ahamad's projects — full-stack web systems, embedded hardware, and 3D printing." />
<meta property="og:url" content="https://macpanthor.com/projects.html" />
<meta property="og:type" content="website" />
<meta name="theme-color" content="#0a0a0a" />
<link rel="canonical" href="https://macpanthor.com/projects.html" />
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/x-icon" href="assets/favicon.ico?v=2">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png?v=2">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png?v=2">
<link rel="apple-touch-icon" sizes="180x180" href="assets/apple-touch-icon.png?v=2">
<link rel="manifest" href="assets/site.webmanifest">
</head>
<body>
<!-- ===== SVG ICON SPRITE ===== -->
<svg xmlns="http://www.w3.org/2000/svg" style="display:none" aria-hidden="true">
<symbol id="i-clipboard-check" viewBox="0 0 24 24"><path d="M9 3h6a1 1 0 0 1 1 1v1h2a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h2V4a1 1 0 0 1 1-1zm-2 5v11h10V8H7zm3.5 2.5 1.4-1.4 2.1 2.1 3.6-3.6 1.4 1.4-5 5-3.5-3.5z"/></symbol>
<symbol id="i-lightbulb" viewBox="0 0 24 24"><path d="M12 2a7 7 0 0 0-4 12.7c.6.5 1 1.3 1 2.1V17a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-.2c0-.8.4-1.6 1-2.1A7 7 0 0 0 12 2zm-2 19a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-1h-4v1zm-3-6.5V13.2a4 4 0 1 1 10 0v1.3a3 3 0 0 0 1 2.2l.3.3H5.7l.3-.3a3 3 0 0 0 1-2.2z"/></symbol>
<symbol id="i-graduation-cap" viewBox="0 0 24 24"><path d="M12 3 1 8l11 5 9-4.09V15h2V8L12 3zM5 13.18V18c0 1.66 3.13 3 7 3s7-1.34 7-3v-4.82l-7 3.18-7-3.18z"/></symbol>
<symbol id="i-cube" viewBox="0 0 24 24"><path d="M12 2 3 7v10l9 5 9-5V7l-9-5zm7 4.1v9.2l-7 3.9-7-3.9V6.1L12 3.4l7 2.7zM12 3.8 5.7 6.6 12 9.3l6.3-2.7L12 3.8zm0 7L5.7 8.2v7.2l6.3 3.5 6.3-3.5V8.2L12 10.8z"/></symbol>
<symbol id="i-eye" viewBox="0 0 24 24"><path d="M12 4.5C7 4.5 2.7 7.6 1 12c1.7 4.4 6 7.5 11 7.5s9.3-3.1 11-7.5c-1.7-4.4-6-7.5-11-7.5zm0 12.5a5 5 0 1 1 0-10 5 5 0 0 1 0 10zm0-8a3 3 0 1 0 0 6 3 3 0 0 0 0-6z"/></symbol>
<symbol id="i-robot" viewBox="0 0 24 24"><path d="M12 2a2 2 0 0 1 2 2c0 .74-.4 1.39-1 1.73V7h4a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3v-7a3 3 0 0 1 3-3h4V5.73c-.6-.34-1-.99-1-1.73a2 2 0 0 1 2-2zM9 11a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm6 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zM5 15H2v-2h3v2zm0 4H2v-2h3v2zm17-4h-3v-2h3v2zm0 4h-3v-2h3v2z"/></symbol>
<symbol id="i-paint-brush" viewBox="0 0 24 24"><path d="M21.7 2.3a1 1 0 0 0-1.4 0l-10.6 10.6a5 5 0 0 0-2.3.54L5.6 15.2 5 14.6a2 2 0 0 0-3 .3l-.1.15a4.6 4.6 0 0 0-.5 2.3c.04.8.3 1.57.76 2.18.29.4.67.75 1.12 1 .32.18.6.24.83.15.24-.1.3-.37.16-.65l-.27-.55a2.2 2.2 0 0 1 0-.87l.08-.28.01.01a5 5 0 0 0 4.76 1.23l4.35-1.24 4.2-1.2.14-.04a5 5 0 0 0 3.06-6.6l-.01-.04zM7.8 17.8a2.3 2.3 0 0 1-1.48-.61l1.48-1.48v2.1zM20.4 4.4z"/></symbol>
<symbol id="i-link" viewBox="0 0 24 24"><path d="M10.6 13.4a1 1 0 0 1 0-1.4l3.5-3.5a1.5 1.5 0 0 1 2.1 2.1l-1.2 1.2a1 1 0 0 0 1.4 1.4l1.2-1.2a3.5 3.5 0 0 0-5-5l-3.5 3.5a3.5 3.5 0 0 0 0 5 1 1 0 0 0 1.5-1.1zM14.6 10.6a1 1 0 0 1 0 1.4l-3.5 3.5A1.5 1.5 0 0 1 9 13.4l1.2-1.2a1 1 0 1 0-1.4-1.4L7.6 12a3.5 3.5 0 0 0 5 5l3.5-3.5a3.5 3.5 0 0 0 0-5 1 1 0 0 0-1.5 1.1z"/></symbol>
<symbol id="i-github" viewBox="0 0 24 24"><path d="M12 2a10 10 0 0 0-3.16 19.49c.5.09.68-.22.68-.48v-1.7c-2.78.6-3.37-1.34-3.37-1.34-.45-1.16-1.11-1.47-1.11-1.47-.9-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.9 1.52 2.34 1.08 2.91.83.09-.65.35-1.09.63-1.34-2.22-.25-4.56-1.11-4.56-4.94 0-1.09.39-1.98 1.03-2.68-.1-.25-.45-1.27.1-2.64 0 0 .84-.27 2.75 1.02a9.58 9.58 0 0 1 5 0c1.91-1.29 2.75-1.02 2.75-1.02.55 1.37.2 2.39.1 2.64.64.7 1.03 1.59 1.03 2.68 0 3.84-2.34 4.68-4.57 4.93.36.31.68.92.68 1.85v2.74c0 .27.18.58.69.48A10 10 0 0 0 12 2z"/></symbol>
<symbol id="i-chevron-left" viewBox="0 0 24 24"><path d="M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></symbol>
<symbol id="i-check-circle" viewBox="0 0 24 24"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm-1.2 14.2-4.5-4.5 1.4-1.4 3.1 3.1 6.1-6.1 1.4 1.4-7.5 7.5z"/></symbol>
<symbol id="i-heart" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></symbol>
<symbol id="i-linkedin" viewBox="0 0 24 24"><path d="M4.98 3.5A2.5 2.5 0 1 1 0 3.5a2.5 2.5 0 0 1 4.98 0zM.4 8.4h4.6V22H.4V8.4zM8.2 8.4h4.4v1.9h.06c.61-1.16 2.11-2.38 4.34-2.38 4.64 0 5.5 3.05 5.5 7.02V22h-4.6v-6.17c0-1.47-.03-3.36-2.05-3.36-2.05 0-2.36 1.6-2.36 3.25V22H8.2V8.4z"/></symbol>
<symbol id="i-envelope" viewBox="0 0 24 24"><path d="M2 4h20a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1zm1.5 2v1.2l8.5 5.6 8.5-5.6V6h-17zm17 12v-8.6L12 15 3.5 9.4V18h17z"/></symbol>
<symbol id="i-database" viewBox="0 0 24 24"><path d="M12 2C7.6 2 4 3.1 4 4.5v5C4 10.9 7.6 12 12 12s8-1.1 8-2.5v-5C20 3.1 16.4 2 12 2zm0 5c-4.4 0-8-1.1-8-2.5S7.6 2 12 2s8 1.1 8 2.5S16.4 7 12 7zM4 12.5c0 1.4 3.6 2.5 8 2.5s8-1.1 8-2.5V10c-2 .8-4.8 1.3-8 1.3s-6-.5-8-1.3v2.5zm0 5c0 1.4 3.6 2.5 8 2.5s8-1.1 8-2.5V15c-2 .8-4.8 1.3-8 1.3s-6-.5-8-1.3v2.5z"/></symbol>
<symbol id="i-users" viewBox="0 0 24 24"><path d="M16 11a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm-8 0a4 4 0 1 0-4-4 4 4 0 0 0 4 4zm8 2a6 6 0 0 0-6 6 1 1 0 0 0 1 1h10a1 1 0 0 0 1-1 6 6 0 0 0-6-6zM8 13a6 6 0 0 0-6 6 1 1 0 0 0 1 1h4.1a7 7 0 0 1 1.78-4.17A6 6 0 0 0 8 13z"/></symbol>
</svg>
<!-- ===== SKIP LINK ===== -->
<a href="#projects" class="skip-link">Skip to content</a>
<!-- ===== NAVBAR ===== -->
<nav id="navbar" aria-label="Primary">
<div class="nav-container">
<a href="index.html" class="nav-logo" aria-label="Shuaib Ahamad — Home"><SA /></a>
<ul class="nav-links" id="navLinks">
<li><a href="index.html#home" class="nav-link">Home</a></li>
<li><a href="index.html#about" class="nav-link">About</a></li>
<li><a href="index.html#skills" class="nav-link">Skills</a></li>
<li><a href="projects.html" class="nav-link active">Projects</a></li>
<li><a href="index.html#contact" class="nav-link">Contact</a></li>
</ul>
<div class="hamburger" id="hamburger">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav>
<main id="main">
<!-- ===== PROJECTS HERO ===== -->
<section id="projects" class="project-hero">
<div class="container">
<a href="index.html" class="back-to-home">
<svg class="icon"><use href="#i-chevron-left"/></svg> Back to home
</a>
<span class="project-eyebrow">My Work</span>
<h1 class="section-title">Projects</h1>
<div class="divider"></div>
<p class="project-hero-intro">
A selection of what I've designed and built — from a production-grade web application managing a
university's hostel operations, to embedded hardware, 3D printing, and self-hosted AI tooling.
</p>
</div>
</section>
<!-- ===== FEATURED PROJECT ===== -->
<section class="section">
<div class="container">
<div class="featured-project primary">
<span class="project-eyebrow">Featured Project</span>
<h3>
<svg class="icon"><use href="#i-clipboard-check"/></svg>
Warden Inspection System
<span class="project-private">Private Repo</span>
</h3>
<p class="project-detail">
A web-based hostel management platform built for <strong>Albukhary International University (AIU)</strong>,
operated by the <strong>Student Affairs</strong> office. It replaces the paper-and-whiteboard workflow wardens
previously used to run the university's <strong>13 hostel blocks</strong> with a single, live, role-based system —
covering ~946 rooms and ~2,791 bed zones across the real campus layout.
</p>
<div class="project-meta">
<div class="project-meta-item"><strong>Role</strong>Full-Stack Developer (solo lead)</div>
<div class="project-meta-item"><strong>Auth</strong>PHP sessions · bcrypt · RBAC</div>
</div>
<div class="project-stats">
<div class="project-stat">
<span class="stat-value">~31k</span>
<span class="stat-label">Lines of code</span>
</div>
<div class="project-stat">
<span class="stat-value">13</span>
<span class="stat-label">Hostel blocks</span>
</div>
<div class="project-stat">
<span class="stat-value">~946</span>
<span class="stat-label">Rooms</span>
</div>
<div class="project-stat">
<span class="stat-value">26</span>
<span class="stat-label">Database tables</span>
</div>
<div class="project-stat">
<span class="stat-value">6</span>
<span class="stat-label">User roles</span>
</div>
<div class="project-stat">
<span class="stat-value">111</span>
<span class="stat-label">Commits</span>
</div>
</div>
<p class="project-section-label">Core Modules</p>
<ul class="project-highlights">
<li><svg class="icon"><use href="#i-check-circle"/></svg> <strong>Room inspections</strong> — 9-point checklist with auto-overdue detection per floor</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> <strong>Security patrols</strong> — on-the-spot complaint, maintenance and cleaning logging</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> <strong>Hostel entry</strong> — bed-zone check-in/out with occupancy and maintenance guards</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> <strong>Maintenance & complaints</strong> — ticketed desks with aging trackers</li>
</ul>
<p class="project-section-label">Compliance & Governance</p>
<ul class="project-highlights">
<li><svg class="icon"><use href="#i-check-circle"/></svg> <strong>Warning letters</strong> — digital letters delivered by email via PHPMailer + SMTP</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> <strong>HoW KPIs</strong> — warden scoring and weekly duty rotation</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> <strong>RBAC</strong> — 32 per-feature permission flags with structured audit logging</li>
</ul>
<p class="project-section-label">Engineering Highlights</p>
<ul class="project-highlights">
<li><svg class="icon"><use href="#i-check-circle"/></svg> <strong>Single API router</strong> — 25+ actions behind one entry point with a permission map per feature</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> <strong>SQL safety</strong> — PDO prepared statements everywhere; multi-row writes wrapped in transactions</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> <strong>Image pipeline</strong> — WebP re-encoding with auto thumbnails and size limits</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> <strong>Auto-overdue engine</strong> — a fixed monthly schedule detects missed inspections automatically</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> <strong>Audit trail</strong> — structured log with user, role, and IP on every mutation</li>
</ul>
<p class="project-section-label">Stack</p>
<div class="project-tags">
<span>HTML</span>
<span>CSS</span>
<span>JavaScript</span>
<span>PHP</span>
<span>MySQL</span>
<span>XAMPP</span>
<span>PHPMailer</span>
<span>PDO</span>
</div>
<p class="project-detail" style="margin-top:20px;">
<svg class="icon" style="color:var(--accent);vertical-align:-2px;"><use href="#i-github"/></svg>
This is a <strong>private repository</strong> — it is not publicly viewable on GitHub. Contact me for a
code walkthrough or a live demo.
</p>
</div>
<!-- ===== OTHER PROJECTS ===== -->
<div class="projects-grid">
<!-- WLED -->
<div class="project-card">
<div class="project-header">
<svg class="icon project-icon"><use href="#i-lightbulb"/></svg>
<h3>WLED LED Desk Build</h3>
</div>
<p class="project-desc">
Custom RGB LED desk lighting system built with <strong>330× WS2812B LEDs</strong> driven by an
<strong>ESP32</strong> running WLED firmware, with four power-injection points for consistent
brightness across the full strip.
</p>
<ul class="project-highlights">
<li><svg class="icon"><use href="#i-check-circle"/></svg> 60 LEDs/m individually addressable strip</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> Power-injection to prevent voltage drop</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> Wireless control via WLED app & effects</li>
</ul>
<div class="project-tags">
<span>ESP32</span>
<span>WLED</span>
<span>WS2812B</span>
<span>Power Electronics</span>
</div>
</div>
<!-- Student Grade -->
<div class="project-card">
<div class="project-header">
<svg class="icon project-icon"><use href="#i-graduation-cap"/></svg>
<h3>Student Grade Management System</h3>
</div>
<p class="project-desc">
A console-based <strong>C</strong> application for managing and calculating student grades, using
file handling and structured data with persistent storage.
</p>
<ul class="project-highlights">
<li><svg class="icon"><use href="#i-check-circle"/></svg> Structs & arrays for student records</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> File-based persistence between runs</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> Grade calculation & ranking</li>
</ul>
<div class="project-tags">
<span>C Programming</span>
<span>File I/O</span>
<span>Data Structures</span>
</div>
<a href="https://github.com/macpanthor/student-grade-management" target="_blank" class="btn btn-small btn-primary" aria-label="View Student Grade Management System on GitHub">
<svg class="icon"><use href="#i-github"/></svg> View on GitHub
</a>
</div>
<!-- 3D Printing -->
<div class="project-card">
<div class="project-header">
<svg class="icon project-icon"><use href="#i-cube"/></svg>
<h3>3D Printing Business</h3>
</div>
<p class="project-desc">
A small business designing and producing custom 3D-printed parts with <strong>Fusion 360</strong> CAD
and an <strong>Ender 3 V3 SE</strong> printer.
</p>
<ul class="project-highlights">
<li><svg class="icon"><use href="#i-check-circle"/></svg> Parametric CAD design in Fusion 360</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> Slicing & print optimisation</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> Fulfilling custom client orders</li>
</ul>
<div class="project-tags">
<span>Fusion 360</span>
<span>Ender 3 V3 SE</span>
<span>PLA</span>
</div>
</div>
<!-- ESP32 Eye Tracking -->
<div class="project-card">
<div class="project-header">
<svg class="icon project-icon"><use href="#i-eye"/></svg>
<h3>ESP32 Eye Tracking Project <span class="project-status">In Progress</span></h3>
</div>
<p class="project-desc">
An embedded computer-vision project using an <strong>ESP32</strong> to detect and track eye movement,
targeting accessibility and human-computer-interaction applications.
</p>
<ul class="project-highlights">
<li><svg class="icon"><use href="#i-check-circle"/></svg> Real-time eye-movement detection</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> MicroPython & embedded C prototyping</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> HCI & accessibility use cases</li>
</ul>
<div class="project-tags">
<span>ESP32</span>
<span>Computer Vision</span>
<span>Embedded C</span>
<span>MicroPython</span>
</div>
</div>
<!-- Local AI -->
<div class="project-card">
<div class="project-header">
<svg class="icon project-icon"><use href="#i-robot"/></svg>
<h3>Local AI Model Setup (Ollama)</h3>
</div>
<p class="project-desc">
A fully offline local AI environment with <strong>Ollama</strong> on Windows, running multiple LLMs
including DeepSeek V2 — integrated with VS Code via the Continue extension for internet-free AI coding.
</p>
<ul class="project-highlights">
<li><svg class="icon"><use href="#i-check-circle"/></svg> Local model serving with no cloud dependency</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> Multiple LLMs run side by side</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> VS Code Continue integration</li>
</ul>
<div class="project-tags">
<span>Ollama</span>
<span>DeepSeek V2</span>
<span>VS Code</span>
<span>Continue Extension</span>
<span>Windows</span>
</div>
</div>
<!-- ComfyUI -->
<div class="project-card">
<div class="project-header">
<svg class="icon project-icon"><use href="#i-paint-brush"/></svg>
<h3>ComfyUI Image Generation Pipeline</h3>
</div>
<p class="project-desc">
A local AI image-generation pipeline with <strong>ComfyUI</strong>, SDXL and LCM LoRA for fast inference,
plus 4x-UltraSharp upscaling — running locally on an RTX 4050 GPU.
</p>
<ul class="project-highlights">
<li><svg class="icon"><use href="#i-check-circle"/></svg> SDXL base with LCM LoRA speedup</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> 4x-UltraSharp AI upscaling</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> Full GPU pipeline on RTX 4050</li>
</ul>
<div class="project-tags">
<span>ComfyUI</span>
<span>SDXL</span>
<span>LCM LoRA</span>
<span>4x-UltraSharp</span>
<span>Python</span>
<span>RTX 4050</span>
</div>
</div>
<!-- go.macpanthor -->
<div class="project-card">
<div class="project-header">
<svg class="icon project-icon"><use href="#i-link"/></svg>
<h3>go.macpanthor.com — URL Shortener & QR Generator</h3>
</div>
<p class="project-desc">
A self-hosted URL shortener and QR-code generator powering the go.macpanthor.com subdomain — custom
aliases, clean redirects, QR PNG generation, and per-link click tracking with no third-party services.
</p>
<ul class="project-highlights">
<li><svg class="icon"><use href="#i-check-circle"/></svg> Custom short aliases & redirects</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> On-demand QR code generation</li>
<li><svg class="icon"><use href="#i-check-circle"/></svg> Per-link click analytics</li>
</ul>
<div class="project-tags">
<span>PHP</span>
<span>MySQL</span>
<span>Apache</span>
<span>Composer</span>
<span>QR Codes</span>
<span>JavaScript</span>
</div>
<div class="project-links">
<a href="https://go.macpanthor.com" target="_blank" class="btn btn-small btn-primary" aria-label="Open go.macpanthor.com live site">
<svg class="icon"><use href="#i-link"/></svg> View Live
</a>
<a href="https://github.com/macpanthor/go-macpanthor" target="_blank" class="btn btn-small btn-primary" aria-label="View go-macpanthor on GitHub">
<svg class="icon"><use href="#i-github"/></svg> View on GitHub
</a>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- ===== FOOTER ===== -->
<footer>
<div class="container">
<p>© 2026 Shuaib Ahamad. Designed and built from scratch.</p>
<div class="footer-socials">
<a href="https://github.com/macpanthor" target="_blank" aria-label="GitHub"><svg class="icon" aria-hidden="true"><use href="#i-github"/></svg><span class="sr-only">GitHub</span></a>
<a href="https://www.linkedin.com/in/shuaibahamad" target="_blank" aria-label="LinkedIn"><svg class="icon" aria-hidden="true"><use href="#i-linkedin"/></svg><span class="sr-only">LinkedIn</span></a>
<a href="mailto:shuiab@macpanthor.com" aria-label="Email"><svg class="icon" aria-hidden="true"><use href="#i-envelope"/></svg><span class="sr-only">Email</span></a>
</div>
</div>
</footer>
<script src="script.js" defer></script>
</body>
</html>