-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
395 lines (353 loc) · 23.7 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- linking CSS -->
<link rel="stylesheet" type="text/css" href="./css/style.css">
<!-- linking CSS fontAwesome -->
<link rel="stylesheet" href="./css/font-awesome.min.css">
<!-- linking google-fonts CSS -->
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap" rel="stylesheet">
<!-- link bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<style>
* {box-sizing: border-box}
/* Set height of body and the document to 100% */
body, html {
margin: 0;
font-family: Arial;
}
/* Style tab links */
.tablink {
background-color: #555;
color: white;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
font-size: 17px;
width: 25%;
}
.tablink:hover {
background-color: #777;
}
/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
color: black;
display: none;
padding: 100px 20px;
height: 100%;
}
#Home {background-color: black;}
#News {background-color: black;}
#Contact {background-color: lightskyblue;}
#About {background-color: lightskyblue;}
</style>
</head>
<body class="bg-dark mb-4">
<button class="tablink" onclick="openPage('News', this, 'gray')" id="defaultOpen">ML Projects</button>
<button class="tablink" onclick="openPage('Home', this, 'gray')">Professional Projects</button>
<button class="tablink" onclick="openPage('Contact', this, 'gray')">Contact</button>
<button class="tablink" onclick="openPage('About', this, 'gray')">About</button>
<div id="Home" class="tabcontent">
<h3 class="container text-center">Professional Projects Overview</h3>
<div >
<div class="row m-5 justify-content-center">
<p class="text-white">Fraunhofer ISST (Nov 2022 - March 2023)</p>
<div class="col-4">
<div class="card-group">
<div class="card small" style=" margin-left:50px;margin-right:30px">
<img class="displayed" src="./css/images/faunhofer.png" style="width:70%; height:200px; border-radius: 15px; align-items: center;" alt="...">
<div class="card-body card-background">
<h5 class="card-title">DataSpace Components</h5>
<p class="card-text">Dataspace Connector is a framework or main component for exchanging inter-organizational data with sovereignty. It will implement the International Data Spaces standard (IDS).</p>
<a class="btn btn-dark" href="https://github.com/FraunhoferISST" role="button">Link</a>
</div>
</div>
</div>
</div>
<div class="col-4">
<div class="card-group">
<div class="card small" style=" margin-left:50px;margin-right:30px">
<img class="displayed" src="./css/images/edc.png" style="width:70%; height:200px; border-radius: 15px; align-items: center;" alt="...">
<div class="card-body card-background">
<h5 class="card-title">Eclipse Dataspace Components</h5>
<p class="card-text">The Eclipse Dataspace Connector will implement the International Data Spaces standard (IDS) as well as relevant protocols and requirements associated with GAIA-X.</p>
<a class="btn btn-dark" href="https://github.com/eclipse-edc" role="button">Link</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row m-5 justify-content-center">
<p class="text-white">Netzlab GmbH (Nov 2021-August 2022)</p>
<div class="col-4">
<div class="card-group">
<div class="card small" style=" margin-left:50px;margin-right:30px">
<img class="displayed" src="./css/images/statistics_golf.PNG" style="width:70%; height:200px; border-radius: 15px; align-items: center;" alt="...">
<div class="card-body card-background">
<h5 class="card-title">Statistical Scorecard(Admin)</h5>
<h6>Technology Used:</h6>
<p>ReactJS, CSS, HTML, bootstrap, API, C#</p>
<p class="card-text">Show golf player's scores who played in mini and full rounds with all variants and balls with selected
bahn systems. Show player's scores in five different Data Tables for a definite time period and selective different filters.</p>
<a class="btn btn-dark" href="https://github.com/muktajoya/Statistical-Scorecard" role="button"> Report Github Link</a>
</div>
</div>
</div>
</div>
<div class="col-4">
<div class="card small" style="margin-left:50px; margin-right:30px">
<img class="displayed" src="./css/images/gardify_2.png" style="width:70%; height:200px; border-radius: 15px; align-items: center;" alt="...">
<div class="card-body card-background">
<h5 class="card-title">Gardify</h5>
<h6>Technology Used:</h6>
<p>Java, Kotlin, Android SDK, Restful API</p>
<p class="card-text">Gardify is an useful tool for both novice and experienced gardeners alike. The scientifically tested plant knowledge and the care steps for already around 4800 garden plants are freely accessible with 2 version of this application.
</p>
<a class="btn btn-dark" href="https://play.google.com/store/apps/details?id=com.gardify.android&hl=en" role="button">Google play store link</a>
</div>
</div>
</div>
</div>
<div class="row m-5">
<p class="text-white">Walton Digi-tech Industries Limited (Dec 2018- August 2021)</p>
<div class="col-4">
<div class="card-group">
<div class="card small" style="margin-left:50px; margin-right:30px">
<img class="displayed" src="./css/images/Brandoutlet.png" style="width:70%; height:200px; border-radius: 15px;" class="card-img-top img-fluid" alt="...">
<div class="card-body card-background">
<h5 class="card-title">Brand Outlet Monitoring</h5>
<h6>Technology Used:</h6>
<p>REST API, Retrofit 2, JAVA with android SDK.</p>
<p class="card-text">This app is a convenient way for Branding & Sales department and retailers to promote Walton
Brand. Retailers generate report by this app and send it to server. Branding and Sales team also able to
analyze retailer's report by this application.</p>
<a class="btn btn-dark" href="https://play.google.com/store/apps/details?id=com.Waltonbd.brandoutlet&hl=en" role="button">Google play store link</a>
</div>
</div>
</div>
</div>
<div class="col-4">
<div class="card small" style="margin-left:50px; margin-right:30px">
<img class="displayed" src="./css/images/emergencyContact.png" style="width:70%; height:200px; align-items: center; border-radius: 15px" class="card-img-top" alt="...">
<div class="card-body card-background">
<h5 class="card-title">Emergency Contact</h5>
<h6>Technology Used:</h6>
<p>REST API, Retrofit 2, JAVA with android SDK.</p> </p>
<p class="card-text">We provide emergency contact numbers district-wise. Hospital, Police Station, RAB, Ambulance services, Fire
Station, Blood Banks & more. This emergency contact number app will provide you a collection of Phone or
Mobile numbers against Districts.</p>
<a class="btn btn-dark" href="https://play.google.com/store/apps/details?id=com.walton.emergencycontact&gl=DE" role="button">Google play store link</a>
</div>
</div>
</div>
<div class="col-4" >
<div class="card small" style="margin-left:50px; margin-right:30px">
<img class="displayed" src="./css/images/myWalton.png" style="width:70%; height:200px; align-items: center; border-radius: 15px" class="card-img-top" alt="...">
<div class="card-body card-background">
<h5 class="card-title">My Walton (Servicing App)</h5>
<h6>Technology Used:</h6>
<p>REST API, Retrofit, android SDK, JAVA, sqLite</p> </p>
<p class="card-text">This app make easy customer and service center communication. Customers can take digital
service from nearby service center for registered products by request.
Possible to check the service status of registered product. Accumulate all Plaza and service centers in
google Map.</p>
<a class="btn btn-dark" href="https://play.google.com/store/apps/details?id=com.walton.mywalton&gl=DE" role="button">Google play store link</a>
</div>
</div>
</div>
<div class="col-4" style="margin-top: 30px;">
<div class="card small" style="margin-left:50px; margin-right:30px">
<img class="displayed" src="./css/images/android-logo.png" style="width:100%; height:285px; align-items: center; border-radius: 15px" class="card-img-top" alt="...">
<div class="card-body card-background">
<h5 class="card-title">MMI Code</h5>
<h6>Technology Used:</h6>
<p>REST API, Volley, android SDK, JAVA </p>
<h6>working with Phone Features:</h6>
<p> Accelerometer, Light, Proximity Sensor, Finger Print, GPS, Broadcast Receiver, OTG,
Gesture Controller, device memory</p>
<p class="card-text">This automated application test 32 different hardware parts of a mobile and generate IMEI-wise reports that
all parts are working ok or not. Reports are stored in database service center.</p>
</div>
</div>
</div>
<div class="col-4" style="margin-top: 30px;">
<div class="card small" style="margin-left:50px; margin-right:30px">
<img class="displayed" src="./css/images/android-logo.png" style="width:100%; height:285px; align-items: center; border-radius: 15px" class="card-img-top" alt="...">
<div class="card-body card-background">
<h5 class="card-title">Muslim Prayer Time</h5>
<h6>Technology Used:</h6>
<p>Android SDK, JAVA </p>
<h6>working with Phone Features:</h6>
<p> Accelerometer and magnetic Sensor</p>
<p class="card-text">Five Muslims Azan five times are getting. One 'work manager' service will be running in background to
schedule five alarms. Next alarm's remaining time also showed using 'Countdown Timer'. Qibla direction is
also integrated by using magnetic sensors</p>
</div>
</div>
</div>
<!-- <div class="row m-5 justify-content-center">
<p class="text-white">Undergraduate Project (2017-2018)</p>
<div class="col-4">
<div class="card-group">
<div class="card small" style=" margin-left:50px;margin-right:30px">
<img class="displayed" src="./css/images/statistics_golf.PNG" style="width:70%; height:200px; border-radius: 15px; align-items: center;" alt="...">
<div class="card-body card-background">
<h5 class="card-title">Automated Food Order System</h5>
<h6>Process Followed:</h6>
<p>
SDLC-Requirement Analysis(DFD, UML, Sequence diagram), Implementation,
Experiment Result, Performance & Feasibility Analysis, LOC-based estimation, testing
</p>
<h6>Technology Used:</h6>
<p>PHP, HTML, CSS, jQuery, JavaScript</p>
<p class="card-text">It is an digital food ordering website interted with Offline and Online payment
(PayPal) systems. All order enlisted to admin panel. After payment and admin confirmation, order is placed to Cook and Waiter panel for processing.</p>
<a class="btn btn-dark" href="https://jahid-any.github.io/omnifood/" role="button">Link</a>
</div>
</div>
</div>
</div>
</div> -->
</div>
</div>
<div id="News" class="tabcontent">
<h3 class="container text-center">ML Projects</h3>
<div>
<div >
<div style="width: 100%; margin-bottom: 10px;" >
<div class="card" >
<div class="card-body">
<h5 class="card-title">Text Classification</h5>
<h6>Technology Used: PyTorch, Transformer model, Huggingface, Finetuning, Google Colab</h6>
<p class="card-text">Finetune the Transformer model 'DistilBERT' on the preprocessed IMDb dataset ,
then inference on a new dataset by using this fine-tuned model with the help of Pipeline.</p>
<a class="btn btn-dark" href="https://github.com/muktajoya/TextClassification" role="button">GitHub link</a>
<a class="btn btn-dark" href="https://huggingface.co/MuktaGhosh/my_awesome_model/tree/main" role="button">Finetuned model link</a>
</div>
</div>
</div>
<div style="width: 100%; margin-bottom: 10px;" >
<div class="card" >
<div class="card-body card-background">
<h5 class="card-title">Pipeline for Inference on Dataset</h5>
<h6>Technology Used: Huggingface Transformer, Pipeline, Google Colab</h6>
<p class="card-text">Using a task specific model from Huggingface Hub, inferencing on dataset.
Here mainly focused on to ready a pipeline. </p>
<a class="btn btn-dark" href="https://github.com/muktajoya/InferencePipeline_Huggingface" role="button">Github link</a>
</div>
</div>
</div>
<div style="width: 100%; margin-bottom: 20px;" >
<div class="card" >
<div class="card-body ">
<h5 class="card-title">Classification Methods (SVM, Decision Tree, Random Forest)</h5>
<h6>Technology Used: R language, R Studio</h6>
<p class="card-text">Compared accuracy of training a model with Different classification methods
(SVM, classification tree , Random Forest) vs respective 10 fold Cross validation. </p>
<a class="btn btn-dark" href="https://github.com/muktajoya/ClassificationMethods/tree/main" role="button">Github link</a>
</div>
</div>
</div>
<div class="text">
<p style="color:lightskyblue;">Data analysis and Visualization</p>
</div>
<div style="width: 100%; margin-bottom: 10px;" >
<div class="card" >
<div class="card-body card-background">
<h5 class="card-title">Dataset Analysis and visualization</h5>
<h6>Technology Used: Python, numpy, pasdas, dataframe, matplotLib, regression, webScrapping</h6>
<p class="card-text"> Analysis 2 dataset for different analysis and visualize with Barchart, pie plot, scatter plot. </p>
<a class="btn btn-dark" href="https://github.com/muktajoya/Data_Analysis_Visualization" role="button">Github link</a>
</div>
</div>
</div>
<div class="text">
<p style="color:lightskyblue;">LangChain Framework with Prompt Engineering</p>
</div>
<div style="width: 100%; margin-bottom: 10px;" >
<div class="card" >
<div class="card-body">
<h5 class="card-title">Semantic Search With LangChain Framework</h5>
<h6>Technology Used: Python, ElasticVector Search, LangChain, huggingface-pipeline, LLMChain, Prompt Template</h6>
<p class="card-text">A big dataset divided into chunks and extent to vector embedding.
Elasticsearch is queried to find the semantically closest chunk to a specific question. For more details follow Github ReadMe file.</p>
<a class="btn btn-dark" href="https://github.com/muktajoya/SemanticSearchLangChain" role="button">Github link</a>
</div>
</div>
</div>
<div style="width: 100%; margin-bottom: 10px;" >
<div class="card" >
<div class="card-body card-background">
<h5 class="card-title">ChatBot</h5>
<h6>Technology Used: Python, LangChain, huggingface-hub, LLMChain, Prompt Template</h6>
<p class="card-text"> A Chatbot with HuggingFace transformer and prompt Templates using LangChain framework</p>
<a class="btn btn-dark" href="https://github.com/muktajoya/LangChainChatbot" role="button">Github link</a>
</div>
</div>
</div>
<div style="width: 100%; margin-bottom: 20px;" >
<div class="card" >
<div class="card-body ">
<h5 class="card-title">QuestionAnswering on Documents</h5>
<h6>Technology Used: Python, LangChain, huggingface-hub, LLMChain, Prompt Template, sentence-transformer, jupyter Notebook</h6>
<p class="card-text"> QA on documents with Hugging Face LLM and prompt Templates using LangChain framework.</p>
<a class="btn btn-dark" href="https://github.com/muktajoya/Question-AnsweringOnDocuments" role="button">Github link</a>
</div>
</div>
</div>
<div class="text">
<p style="color:lightskyblue;">Image Processing</p>
</div>
<div style="width: 100%; margin-bottom: 10px;" >
<div class="card" >
<div class="card-body card-background">
<h5 class="card-title">Real Time Object Detection</h5>
<h6>Technology Used: PyCharm,, Python, openCV, Pretrained model, YoloV3 (object detecion algorithom)</h6>
<p class="card-text"> Real time object detection using OpenCV's pretrained model yolov3 . (faster)</p>
<a class="btn btn-dark" href="https://github.com/muktajoya/RealTimeObjectDetection" role="button">Github link</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="Contact" class="tabcontent">
<h3>Contact</h3>
<p>If you are interested in connecting with me, please don't hesitate to reach out.</p>
<p><a href="https://github.com/muktajoya?tab=repositories" role="link">Github Link</a></p>
<p><a href="https://www.linkedin.com/in/mukta-ghosh-212878148/" role="link">Linkedin</a></p>
<p><a href="[email protected]" role="link">Gmail</a></p>
<a href="[email protected]" role="link"> University mail</a>
</div>
<div id="About" class="tabcontent">
<h3>About Me</h3>
<p class="text-black">I am a Master's student in Data Science at TU Dortmund. My interest broadly span the field of Machine Learning and Software Engineering.
I have 4 years of expertise in the industry of Software development, Integration, Validation, Testing, and Deployment.
My ultimate goal is to combine my skills in data science and programming to create something truly impactful and meaningful.
</p>
</div>
<script>
function openPage(pageName,elmnt,color) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].style.backgroundColor = "";
}
document.getElementById(pageName).style.display = "block";
elmnt.style.backgroundColor = color;
}
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>
</body>
</html>