-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
314 lines (268 loc) · 10.9 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
<!DOCTYPE html5>
<meta charset="UTF-8">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<!-- This part was added here for the scrolling -->
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<!-- <script src="js/jquery.scrollTo-1.4.3.1-min.js"></script> -->
<script type="text/javascript" src="main.js"></script>
<link href="https://fonts.googleapis.com/css?family=Inconsolata&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Libre+Barcode+39+Text&display=swap" rel="stylesheet">
<title>Hasanat Jahan Portfolio</title>
<link rel="icon" href="Images/strawberry-img.png" type="image/icon type">
<!-- Required for responsive web design -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-147421897-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-147421897-1');
</script>
</head>
<body>
<!--the side navbar section-->
<div class="side-nav">
<ul>
<a href="#Home">
<li id="home-btn">Home</li>
</a>
<!-- <a href="#Contact"><li id="contact-btn">Contact</li></a> -->
<a href="#Inventory">
<li id="inventory-btn">Projects</li>
</a>
<a href="#ML-Progress">
<li id="ml-btn">Machine Learning</li>
</a>
</ul>
</div>
<!--Page content-->
<span id="Home"></span>
<!--about me section-->
<div class="about-me">
<div class="about-me-text">
<h1>Hi There,
<br>I'm Hasanat Jahan
</h1>
<h2>Software Development Engineer</h2>
<div class="description">
<!--im going to use column-count here to split the description-->
<p1> Results-driven Software Engineer with expertise in designing, implementing, and optimizing systems,
particularly in database technologies with a focus on Aurora.
Proven ability to collaborate with cross-functional teams and deliver high-impact solutions.
Previously contributing to Amazon Web Services' Aurora Team, known for a strong work ethic,
attention to detail, and positive team dynamics.</p1>
<br>
<p1>I like art, language, reading, writing and finding ideas in everyday life.</p1>
</div>
<div class="contact-me">
<div class="contact-box">
<a href="https://www.linkedin.com/in/hasanat-jahan-22a12b124/" target="_blank" id="linkedin-logo">
<img src="Images/linkedin-logo.png" alt="LinkedIn Logo">
</a>
</div>
<div class="contact-box">
<a href="https://github.com/HasanatJahan" target="_blank" id="github-logo">
<img src="Images/github-logo2.png" alt="GitHub Logo">
</a>
</div>
<div class="contact-box">
<a href="https://www.kaggle.com/hasanat" target="_blank" id="kaggle-logo">
<img src="Images/kaggle-logo4.png" alt="Kaggle Logo">
</a>
</div>
<div class="contact-box">
<a href="https://codepen.io/HasanatJahan/" target="_blank" id="codepen-logo">
<img src="Images/codepen-logo.png" alt="Codepen Logo">
</a>
</div>
</div>
</div>
<!-- This is for the vertical line -->
<div class="vertical-line"></div>
<!--navigation next to about me-->
<div class="nav-list">
<ul>
<a href="#Home">
<li id="-main-home-btn">Home</li>
</a>
<!-- <a href="#Contact"><li id="main-contact-btn">Contact</li></a> -->
<a href="#Inventory">
<li id="main-inventory-btn">Projects</li>
</a>
<a href="#ML-Progress">
<li id="main-ml-btn">Machine Learning</li>
</a>
<a href="https://docs.google.com/document/d/165GzbPCjrvNFGzksET2hwKvUCZfVtPWcFBywNj4__VA/edit?usp=sharing"
target="_blank">
<li>Resume</li>
</a>
</ul>
</div>
</div>
<!--portfolio section-->
<!--
For responsiveness, turn this section into a flexbox like the bottom ml section
-->
<!--masonry container-->
<span id="Inventory"></span>
<div class="masonry">
<h1>Projects</h1><br>
<!--each of them acts as a masonry item-->
<!-- <div class="project">
<img src="peach-img.jpg" alt="a picture of a really cute peach">
</div> -->
<!-- Automated Documentation Generator -->
<a href="https://github.com/HasanatJahan/codebase-doc-generator" target="_blank">
<div class="project">
<img src="Images/Greptile-Project.png">
<h3>Documentation Generator</h3>
<p2>Documentation Generator is an automated tool designed to simplify the process of creating
documentation
for codebases.
It leverages the power of GitHub and Greptile APIs to index repositories, generate README files, and
streamline the documentation workflow.
</p2>
</div>
</a>
<!-- Unbeatable TicTacToe -->
<a href="https://github.com/HasanatJahan/Unbeatable_TicTacToe" target="_blank">
<div class="project">
<img src="Images/TicTacToe.png">
<h3>Unbeatable TicTacToe Using Minimax</h3>
<p2>Command-Line-Interface TicTacToe game played against a bot.
The Minimax algorithm implemented using Python ensures that the human opponent never wins.
</p2>
</div>
</a>
<!-- Simple React App -->
<a href="https://github.com/HasanatJahan/React-Writer-Blog/tree/main" target="_blank">
<div class="project">
<img src="Images/react-blog-img.png">
<h3>React Blog App</h3>
<p2> A simple blog app built with React, featuring basic CRUD functionality,
client-side routing, and a JSON server for mock data.
</p2>
</div>
</a>
<!-- Simple CRUD App -->
<a href="https://github.com/HasanatJahan/simple-crud-app-backend" target="_blank">
<div class="project">
<img src="Images/mern-img.png">
<h3>CRUD App Backend</h3>
<p2> A simple backend API for managing products using Node.js, Express, and MongoDB.
Supports basic CRUD operations and JSON data exchange.
</p2>
</div>
</a>
<a href="https://htmlpreview.github.io/?https://github.com/msr-ds3/predicting-the-present-2020-group-2/blob/master/Testing_Models/testing_auto_predictions.nb.html"
target="_blank">
<div class="project">
<img src="Images/research_img.png">
<h3>Exploring an Extension of "Predicting the Present with Google Trends" by Choi and Varian by
Investigating Improved Baseline Features </h3>
<p2>Worked with a teammate to replicate the results of Motor Vehicle and Parts of "Predicting the
Present with Google Trends" by Choi and Varian.
We then extend the investigation to demonstrate that even if the trends data is helpful under
circumstances, a more rigorous and relevant baseline model using public Census data performs almost
just as well.
We worked to provide a direction that exemplified a caveat to directly using Google Trends data for
predictions.
</p2>
</div>
</a>
<a href="https://github.com/HasanatJahan/Movie-Review-Classification-Naive-Bayes" target="_blank">
<div class="project">
<img src="Images/sentiment-img.png">
<h3>Movie Review Sentiment Classification With Naive Bayes</h3>
<p2>Used Python to build a Naive Bayes Classifier that classfied sentiments of IMDB movie reviews to
with highest 89.712% accuracy with optimizations.</p2>
</div>
</a>
<a href="https://hasanatjahan.github.io/Wikipedia_Searcher/" target="_blank">
<div class="project">
<img src="Images/Wiki_img.PNG" alt="A duck on a plane background">
<h3>Wikipedia Searcher</h3>
<p2>Used JavaScript, jQuery to generate a response from the 3rd Party MediaWiki API to allow the user to
search queries in a search box to find Wikipedia articles, and find random articles with a click of
a button.</p2>
<p3>Quack the duck for an interesting surprise</p3>
</div>
</a>
<a href="https://hasanatjahan.github.io/Dad_Joke_Generator/" target="_blank">
<div class="project">
<img src="Images/Dadjoke_img.PNG"
alt="A yellow button with a display box with a tweet button underneath">
<h3>Dadjoke Generator- The Random Quote Generator</h3>
<p2>Used JavaScript to extract JSON data to generate a response from the 3rd Party Reddit API to display
jokes from the famous dad joke thread to allow the user to find agony with a click of a button. It
also allows the user to tweet about the website below each quote.</p2>
</div>
</a>
<a href="https://hasanatjahan.github.io/Weather-App/" target="_blank">
<div class="project">
<img src="Images/Weatherapp-img.PNG">
<h3>Online Weather Viewer</h3>
<p2>Used JavaScript that used JSON data from successful API responses to display the weather of the
user’s current location with a temperature toggle and weather icon</p2>
</div>
</a>
<a href="https://github.com/HasanatJahan/train-word2vec" target="_blank">
<div class="project">
<img src="Images/word2vec-img.png">
<h3>Word Similarity with Word2Vec</h3>
<p2>Used Python to train a Word2Vec Model to calculate similarity between words in vector space.</p2>
</div>
</a>
<a href="https://github.com/HasanatJahan/NLP-MLE-Language-Models" target="_blank">
<div class="project">
<img src="Images/languagemodeling-img.png">
<h3>Maximum Likelihood Estimate Language Modeling</h3>
<p2>Used Python to build and train generative Maximum Likelihood Models including unigram MLE model,
bigram MLE model and bigram MLE model with add-one smoothing. The models were evaluated through
perplexity calculations.</p2>
</div>
</a>
<a href="https://hasanatjahan.github.io/Portfolio/" target="_blank">
<div class="project">
<img src="Images/portfolio-img.png">
<h3>Portfolio</h3>
<p2>Personal portfolio page built from scratch using raw HTML and CSS.</p2>
</div>
</a>
</div>
<!--Machine Learning Section Here-->
<span id="ML-Progress"></span>
<div class="ml-section">
<h3>Machine Learning</h3>
<a href="https://www.kaggle.com/c/cuny-data-challenge-2019/overview" target="_blank">
<div class="ml-project" id="kaggle-section">
<!-- <img src="TicTacToe_img.png"> -->
<h2>CUNY Data Challenge</h2>
<h3>Kaggle Competition</h3>
<p2>For our first-ever machine learning project, we learned and instrumented data encoding techniques
using Pandas
Assimilated new models and implemented tuning in a short amount of time independently improving the
performance by 0.87% </p2>
<img src="Images/analytics-img.png" alt="A picture of a genric pie chart and a graph">
</div>
</a>
<a href="https://medium.com/@LostinJello/things-my-first-ever-kaggle-competition-has-taught-me-3d75a9863ec5"
target="_blank">
<div class="ml-project">
<h3>An article I wrote on my experience:</h3>
<img src="Images/Article_img.jpg" alt="a bunch of numbers on a screen">
<h2>Things My First Ever Machine Learning Competition Has Taught Me</h2>
</div>
</a>
</div>
<!--footer section-->
<footer class="footer">
<hr>
Thank you for visiting my site. Made completely from scratch.<br>
All rights reserved by Hasanat Jahan.
</footer>
</body>
</html>