-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
334 lines (310 loc) · 15.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
<!DOCTYPE html>
<html>
<head>
<title>Mitali's Projects</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="src/img/icon.jpg">
<link rel="stylesheet" href="src/css/w3.css">
<link rel="stylesheet" href="src/css/bootstrap.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oxygen">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="main.css">
<!--
<link href="assets/vit/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="assets/vit/vendor/owl-carousel/owl.carousel.css" rel="stylesheet" type="text/css">
<link href="assets/vit/vendor/owl-carousel/owl.theme.css" rel="stylesheet" type="text/css">
<link href="assets/vit/vendor/owl-carousel/owl.transitions.css" rel="stylesheet" type="text/css">
<link href="assets/vit/vendor/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css">
<link href="assets/vit/vendor/animate.css/animate.min.css" rel="stylesheet" type="text/css">
<link href="assets/vit/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="assets/vit/css/vitality-red.css" rel="stylesheet" type="text/css">
-->
</head>
<body class="w3-light-grey w3-content" style="max-width:1600px">
<div class="w3-main">
<!-- Header -->
<header class="masthead"
style="background-image: url('src/img/piano.JPG'); display: flex; align-items: center; justify-content: center">
<div class="w3-container">
<div class="row" style="background-color:rgba(44, 26, 8, .5); justify-content: center;">
<div>
<h1>Mitali Chowdhury <br>Project Portfolio</h1>
</div>
</div>
</div>
<div class="scroll-down">
<a class="btn js-scroll-trigger" style="color: #fcf5ef" href="#timeline">
<i class="fa fa-angle-down fa-fw"></i>
</a>
</div>
</header>
<div class="w3-container w3-padding-large" style="margin-left: 10px" id="about">
<h4>
<b>About Me</b>
</h4>
<p>I am an undergraduate student at MIT with interests in the fields of biological engineering, electrical engineering,
and computer science, as well as environmental and social justice. I have experience mainly in Java, Python, HTML, CSS,
and JavaScript, and my projects include machine learning, web design, electronics, and games. In addition to programming,
I have leadership, mentoring, and tutoring experience in robotics, climate science, and other STEM subjects.</p>
<h4>
<b>My Projects</b>
</h4>
</div>
<div class="timeline" id="timeline">
<div class="timeline-container">
<div class="timeline-content">
<h2 class="featurette-heading">This website!</h2>
<p class="lead">A collection of my major projects, solo and group, as well as fun experiments.
<br><i>Technologies: HTML, CSS, and JavaScript</i></p>
<a href="index.html">
<div class="projects">
<img src="src/img/thissite.PNG" alt="Screenshot" style="width:100%" class="hover-opacity">
</div>
</a>
</div>
</div>
<div class="timeline-container">
<div class="timeline-content">
<h2 class="featurette-heading">Distributed Data Analytics Platform</h2>
<p class="lead">At the Naval Postgraduate School, I led my student intern team to analyze data from underwater
unmanned vehicles. Our project involved extracting image and meta data from sonar files, applying machine
learning techniques to identify potential mines, developing a distributed data storage and processing
platform, and displaying results for end users. We presented this project at the Data Analytics Summit, and
are in the process of publishing our research.
<br><i>Technologies: Java, Hadoop, Tomcat, and Python</i></p>
<a href="https://github.com/mchow101/DiDAP">
<div class="projects">
<img src="src/img/sonar.png" alt="Sonar Image" style="width:100%" class="hover-opacity">
</div>
</a>
</div>
</div>
<div class="timeline-container">
<div class="timeline-content">
<h2 class="featurette-heading">COVID-19 Danger Meter</h2>
<p class="lead">This project, submitted for HackMIT 2020, is a web application to analyze crowdsourced,
geotagged images to determine whether people are following COVID-19 public safety guidelines at different
locations. Based on metrics detected from the image including how many people are wearing masks, the app
provides a score for how safe a location is. The map view shows the distribution of where there is the
highest risk of spreading COVID-19, and provides an intuitive visualization for infraction hotspots. This
helps better inform both the public and law enforcement of public health risks.
<br><i>Technologies: PyTorch, TensorFlow, OpenCV</i></p>
<a href="https://github.com/sauhaardac/covid-danger">
<div class="projects">
<img src="https://raw.githubusercontent.com/sauhaardac/covid-danger/master/data/logo-01.png" alt="Danger Meter Logo" style="width:100%" class="hover-opacity">
</div>
</a>
</div>
</div>
<div class="timeline-container">
<div class="timeline-content">
<h2 class="featurette-heading">HomeRoom</h2>
<p class="lead">This browser extension won the Attendees' Choice Award at the HackThis HackIllinois virtual
hackathon. Our concept combines various productivity features, including todo lists, class reminders,
pomodoro timers, and distraction-website blocking, into an easily accessible yet unobtrusive product. The
extension is primarily targeted towards students and educators, especially during the period of remote
learning caused by the COVID-19 pandemic.
<br><i>Technologies: HTML, CSS, JavaScript, and MongoDB</i></p>
<a href="https://github.com/mchow101/homeroom">
<div class="projects">
<img src="src/img/homeroom.png" alt="HomeRoom Logo" style="width:100%" class="hover-opacity">
</div>
</a>
</div>
</div>
<div class="timeline-container">
<div class="timeline-content">
<h2 class="featurette-heading">Save West Garage</h2>
<p class="lead">A web app where students can submit ideas for events to help our newest dorm, West Garage, build
its community! You can submit event ideas from your own living group, or come up with original content.
You can also suggest whether events are for the internal West Garage community, or if they should be for
the dorm to connect with all MIT students. Finally, upvote your favorite ideas and downvote those you don't
like! The top ranked ideas will be publicized directly to students living in West Garage.
<br><i>Technologies: Streamlit, Python, IBM CloudFoundry, Cloudant</i></p>
<a href="https://save-west-garage.us-south.cf.appdomain.cloud">
<div class="projects">
<img src="https://github.com/mchow101/swg/raw/main/images/form.png" alt="SWG Screenshot" style="width:100%" class="hover-opacity">
</div>
</a>
</div>
</div>
<div class="timeline-container">
<div class="timeline-content">
<h2 class="featurette-heading">Engineering Capstone</h2>
<p class="lead">Independent study project, where I researched applications of swarm robotics
for mapping of accessible spaces. A peer and I prototyped movement, communication, and mapping aspects of a
swarm system.
<br><i>Technologies: Raspberry Pi, Python, and ROS (Robot Operating System)</i>
</p>
<a href="https://github.com/mchow101/Engineering-Capstone">
<div class="projects">
<img src="src/img/timmy.jpg" alt="Robot Image" style="width:100%" class="hover-opacity">
</div>
</a>
</div>
</div>
<div class="timeline-container">
<div class="timeline-content">
<h2 class="featurette-heading">BreakerSite</h2>
<p class="lead">The team website for FRC 5104, the BreakerBots. My work on the site included designing the
public face and maintaining the team's online presence for interested students, sponsors, and other teams to
learn about the BreakerBots.
<br><i>Technologies: Google Cloud, NodeJS, HTML, CSS, and JavaScript</i></p>
<a href="http://www.breakerbots.com">
<div class="projects">
<img src="src/img/breakerbots.PNG" alt="5104 logo" style="width:100%" class="hover-opacity">
</div>
</a>
</div>
</div>
<div class="timeline-container">
<div class="timeline-content">
<h2 class="featurette-heading">Dynamic Time Warping</h2>
<p class="lead">For the primary part of this project at the Naval Postgraduate School, I analyzed aircraft
flight data to detect potentially hazardous anomalies. I implemented a K-means clustering algorithm of time
series with dynamic time warping.
<br><i>Technologies: SciKit learn, other Python libraries, and TensorFlow</i></p>
<a href="https://github.com/mchow101/dynamic-time-warping">
<div class="projects">
<img src="src/img/dtw.PNG" alt="DTW" style="width:100%" class="hover-opacity">
</div>
</a>
</div>
</div>
<div class="timeline-container">
<div class="timeline-content">
<h2 class="featurette-heading">BKPA Website</h2>
<p class="lead">The website for the Bengali Kids of Princeton Area, a 501(c)(3) non-profit organization for
which I designed and maintain this site.
<br><i>Technologies: HTML, CSS, and JavaScript</i></p>
<a href="http://www.bkpa.org">
<div class="projects">
<img src="src/img/BKPALogo.PNG" alt="BKPA Logo" style="width:100%" class="hover-opacity">
</div>
</a>
</div>
</div>
<div class="timeline-container">
<div class="timeline-content">
<h2 class="featurette-heading">Air Flower</h2>
<p class="lead">Developed at the Code for Princeton Annual Hackathon, this project intends to
provide an intuitive visualization of current air quality for environmental and health
purposes. The device shows users the overall Air Quality Index, as well as levels of
five major pollutants regulated by the clean air act.
<br><i>Technologies: Python, Arduino</i></p>
<a href="https://github.com/codeforprinceton/airquality">
<div class="projects">
<img src="src/img/airflower.png" alt="Air Flower Prototype" style="width:100%" class="hover-opacity">
</div>
</a>
</div>
</div>
<div class="timeline-container">
<div class="timeline-content">
<h2 class="featurette-heading">BreakerBots</h2>
<p class="lead">As lead programmer for two years, I contributed to the codebase for various competition robots
and other robotics projects.
<br><i>Technologies: Java with WPILib and FIRST Robotics Competition electronics</i></p>
<a href="https://github.com/BreakerBots">
<div class="projects">
<img src="src/img/newicon.png" alt="BreakerBots" style="width:100%;" class="hover-opacity">
</div>
</a>
</div>
</div>
<div class="timeline">
<div class="timeline-container">
<div class="timeline-content">
<h2 class="featurette-heading">SnapScape</h2>
<p class="lead">A personal photography blog with some of my favorite photos.
<br><i>Technologies: HTML, CSS, JavaScript</i>
</p>
<a href="src/SnapScape/SnapScape.html">
<div class="projects">
<img src="src/SnapScape/img1.jpg" alt="Photo" style="width:100%" class="hover-opacity">
</div>
</a>
</div>
</div>
<div class="timeline-container">
<div class="timeline-content">
<h2 class="featurette-heading">Super Fun Game</h2>
<p class="lead">The final project for AP Computer Science A. Featuring a culmination of skills learned in
the class, primarily Object-Oriented Programming, as well as JFrame Graphics.
<br><i>Technologies: Java</i></p>
<a href="http://www.github.com/mchow101/apcs-final-project">
<div class="projects">
<img src="src/img/superfungame.PNG" alt="Super Fun Game" style="width:100%" class="hover-opacity">
</div>
</a>
</div>
</div>
<div class="timeline-container">
<div class="timeline-content">
<h2 class="featurette-heading">March Madness</h2>
<p class="lead">A Java program to predict the winners of the March Madness tournament for an AP Computer
Science A project, including a JFrame display of results.
<br><i>Technologies: Java</i></p>
<a href="http://www.github.com/mchow101/MarchMadness2018">
<div class="projects">
<img src="src/img/march.PNG" alt="March Madness" style="width:100%" class="hover-opacity">
</div>
</a>
</div>
</div>
<div class="timeline-container">
<div class="timeline-content">
<h2 class="featurette-heading">Bengali Dice Game</h2>
<p class="lead">A simple number game intended for educational purposes, where the player must enter the
number shown in Bengali to earn points.
<br><i>Technologies: HTML, CSS, and JavaScript</i></p>
<a href="src/DiceGame/DiceGame.html">
<div class="projects">
<img src="src/img/dice.PNG" alt="Dice" style="width:100%" class="hover-opacity">
</div>
</a>
</div>
</div>
</div>
</div>
<div class="w3-container w3-padding-large w3-grey">
<h4 id="contact">
<b>Contact Me</b>
</h4>
<div class="w3-row-padding w3-center w3-padding-24" style="margin:10px -16px">
<div class="w3-third w3-dark-grey">
<p>
<i class="fa fa-envelope w3-xxlarge w3-text-light-grey"></i>
</p>
<p>
<a href="mailto:mitalichowdhury00@gmail.com">mitalichowdhury00 at gmail dot com</a>
</p>
</div>
<div class="w3-third w3-teal">
<p>
<i class="fa w3-xxlarge w3-text-light-grey">
<img src="src/img/github.png">
</i>
</p>
<p>
<a href="http://github.com/mchow101">mchow101</a>
</p>
</div>
<div class="w3-third w3-dark-grey">
<p>
<i class="fa fa-map-marker w3-xxlarge w3-text-light-grey"></i>
</p>
<p>MIT</p>
</div>
</div>
<div class="w3-center w3-padding-24 footer">Built with
<a href="https://www.w3schools.com/w3css/default.asp" title="W3.CSS" target="_blank"
class="hover-opacity">w3.css</a>
and
<a href="https://getbootstrap.com/">Bootstrap</a>
</div>
</div>
</body>
</html>