-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
424 lines (416 loc) · 17.6 KB
/
index.html
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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Safzan's Portfolio</title>
<link rel="icon" href="favicon.png" type="image/png" />
<meta
name="description"
content="Portfolio of Safzan Pirani, a Computer Science graduate specializing in AI and Machine Learning."
/>
<meta
name="keywords"
content="Safzan Pirani, Portfolio, AI, Machine Learning, Deep Learning, Computer Vision, Natural Language Processing, LLM, RAG, YOLOv8, EasyOCR, web development"
/>
<meta name="author" content="Safzan Pirani" />
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
line-height: 1.6;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #ffffff;
}
.header {
padding: 40px 0;
text-align: left;
}
.header h1 {
margin: 0;
padding: 0;
font-size: 3rem;
font-weight: bold;
}
.content {
padding: 20px 0 0;
}
.projects {
padding: 5px 0;
}
.project {
margin-bottom: 10px;
padding: 10px 0;
border-bottom: 1px solid #cccccc;
text-align: left;
}
.project h2 {
margin: 0;
padding: 0;
}
.project p {
margin: 0;
padding: 0;
}
.list-spacer li {
margin-bottom: 0.5em;
}
.blog {
padding: 20px 0;
}
.blog h2 {
margin: 0;
padding: 0;
}
.blog ul {
list-style: none;
padding: 0;
margin: 0;
}
.blog li {
margin-bottom: 1em;
}
.blog a {
text-decoration: none;
color: #337ab7;
}
.blog a:hover {
color: #23527c;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
@media screen and (max-width: 600px) {
body {
font-size: 16px;
}
.container {
padding: 10px;
}
.header {
padding: 20px 0;
}
.header h1 {
font-size: 2rem;
}
.content,
.projects,
.project,
.blog {
padding: 10px 0;
}
.list-spacer li {
margin-bottom: 1em;
}
a {
padding: 10px 0;
display: inline-block;
}
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<h1>hi, i'm Safzan</h1>
</div>
<div class="content">
<h2>about me</h2>
<p>
i'm an ai and machine learning enthusiast with a degree in
computer science and engineering (CSE) with a specialization
in artificial intelligence and machine learning (AI/ML) and
hands-on experience in developing innovative solutions. my
passion lies in building intelligent systems that can
transform industries and improve user experiences. with a
diverse skill set in various programming languages and
frameworks, i can quickly adapt to new technologies and
deliver high-quality, impactful results.
</p>
<p>
i have successfully contributed to projects involving
generative ai and retrieval-augmented generation (RAG) for
large language models (LLMs), systems. my work has focused
on developing and fine-tuning ai models to enhance
performance and accuracy, particularly in real-world
applications. i'm dedicated to continuously learning and
growing as a developer, staying current with the latest
advancements in ai and related technologies.
</p>
<p>
in my free time, i enjoy gaming, working on my art, and
exploring new ways to use ai to allow for easier
self-expression through art.
</p>
<p>
i'm very much excited to further my expertise in generative
ai, machine learning, and other modern technologies, driving
innovation and making meaningful contributions to the field.
</p>
<h2>my links</h2>
<ul class="list-spacer">
<li>
<a href="https://github.com/safzanpirani">github</a>
</li>
<li>
<a href="https://linkedin.com/in/safzanpirani"
>linkedin</a
>
</li>
<li>
<a href="https://instagram.com/safzanpirani"
>instagram</a
>
</li>
<li><a href="https://safzan.snapcv.me">snapcv</a></li>
<li>
<a href="mailto:[email protected]">email me</a>
</li>
<li>
<a
href="https://drive.google.com/uc?export=download&id=1ead34mC9rH1kvvm0_oifjiQHmveZVkAe"
>download my resume (.pdf)</a
>
</li>
</ul>
</div>
<div class="projects">
<h2>projects</h2>
<div class="project">
<h2>final year mini project</h2>
<p>
<a
href="https://github.com/safzanpirani/licenseminispec"
>license plate detection and recognition using
YOLOv8 and easyOCR</a
>
</p>
<p>
this project is a part of our final year mini project
for computer science engineering. the goal of this
project is to design and develop a system that can
detect and recognize license plates in videos using
yolov8 and easyocr.
</p>
<ul class="list-spacer">
<li>
<strong>license plate detection:</strong>
using YOLOv8, a real-time object detection system,
to detect license plates in videos.
</li>
<li>
<strong>license plate recognition:</strong>
using easyOCR, an optical character recognition
system, to recognize the text in the detected
license plates.
</li>
</ul>
</div>
<div class="project">
<h2>final year major project</h2>
<p>
<a href="https://github.com/safzanpirani/local-rag"
>offline, open-source rag</a
>
</p>
<p>
retrieve, augment, and generate with open-source large
language models
</p>
<p>
this project provides a self-contained, offline platform
for retrieval augmented generation (rag) using
open-source large language models (llms). with this
project, you can ingesting files and leverage the power
of llms without relying on third-party services or
exposing sensitive data.
</p>
<ul class="list-spacer">
<li>
<strong>offline embeddings & llms support:</strong>
no need for openai or other external services. our
platform uses open-source llms, ensuring your data
stays within your network.
</li>
<li>
<strong>support for multiple sources:</strong>
ingest files from various sources, including:
</li>
<ul class="list-spacer">
<li>
<strong>local files:</strong>
upload and process files from your local
machine.
</li>
<li>
<strong>github repos:</strong>
ingest files from github repositories.
</li>
<li>
<strong>websites:</strong> retrieve and process
web pages.
</li>
</ul>
<li>
<strong>streaming responses:</strong>enjoy real-time
responses from the model, enabling a more
interactive and conversational experience.
</li>
<li>
<strong>conversational memory:</strong>
the model maintains context and understanding
throughout conversations, allowing for more coherent
and relevant responses.
</li>
</ul>
<p>benefits:</p>
<ul class="list-spacer">
<li>
<strong>maintain data confidentiality:</strong>
by keeping data within your network, you minimize
the risk of data breaches and ensure compliance with
data protection regulations.
</li>
<li>
<strong>cost-effective:</strong>
no subscription fees or usage charges. run the model
on your own hardware or cloud infrastructure.
</li>
<li>
<strong>flexibility:</strong>
integrate with your existing infrastructure and
workflows.
</li>
</ul>
</div>
<div class="project">
<h2>image comparator</h2>
<p>
<a
href="https://github.com/safzanpirani/image-comparator"
>a web-based tool for image manipulation tasks</a
>
</p>
<p>
image comparator is a versatile web-based tool for
various image manipulation tasks. it provides a
user-friendly interface for comparing, compressing,
resizing, cropping, and flipping images.
</p>
<p>key features:</p>
<ul class="list-spacer">
<li>
<strong>image comparison:</strong>
compare multiple images side by side and download
the combined result.
</li>
<li>
<strong>image compression:</strong>
compress both JPG and PNG images to reduce file
size.
</li>
<li>
<strong>image resizing:</strong>
resize images by specifying width, height, or scale
percentage.
</li>
<li>
<strong>image cropping:</strong>
crop images with various aspect ratio options.
</li>
<li>
<strong>image flipping:</strong>
flip images horizontally or vertically.
</li>
</ul>
<a
href="https://image.safzan.tech"
target="_blank"
class="try-button"
>try it live!</a
>
</div>
</div>
<div class="projects">
<h2>try my projects live!</h2>
<!-- <div class="live-project">
<h2>groq and gradio for realtime voice-powered ai applications</h2>
<p>
in this tutorial, we'll build a voice-powered ai application using groq for realtime speech recognition and text generation, gradio for creating an interactive web interface, and hugging face spaces for hosting our application.
</p>
<ul class="list-spacer">
<li>use distil-whisper english powered by groq to transcribe audio input in realtime.</li>
<li>use llama 3 70b powered by groq to generate instant responses based on the transcription.</li>
<li>create a gradio interface to handle audio input and display results on a sleek ui.</li>
</ul>
<a href="" target="_blank" class="try-button">coming soon</a>
</div>-->
<div class="live-project">
<h2>full chat webui</h2>
<p>
experience the power of llms with a full chat ui web
demo. engage in natural conversations while keeping your
data safe and secure.
</p>
<ul class="list-spacer">
<li>
<strong>responsive design:</strong> enjoy a seamless
experience across desktop pc, laptop, and mobile
devices.
</li>
<li>
<strong
>progressive web app (pwa) for mobile:</strong
>
enjoy a native app-like experience on your mobile
device.
</li>
<li>
<strong>full markdown and LaTeX support:</strong>
elevate your llm experience with comprehensive
markdown and LaTeX capabilities, with full support
for programming languages like c and python.
</li>
<li>
<strong>multi-models conversations:</strong>
effortlessly engage with various models
simultaneously, harnessing their unique strengths
for optimal responses. enhance your experience by
leveraging a diverse set of models in parallel,
combine their responses to get something refined.
</li>
</ul>
<a
href="https://gpt.safzan.tech"
target="_blank"
class="try-button"
>try it live!</a
>
</div>
<!-- Placeholder for additional projects -->
<!--
<div class="live-project">
<h2>another ai project title</h2>
<p>description of the project.</p>
<a href="project-link" target="_blank" class="try-button">try it live!</a>
</div>
-->
</div>
<div class="live-project">
<h2>blog</h2>
<ul>
<li><a href="">coming soon</a></li>
</ul>
</div>
</div>
</body>
</html>