-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
313 lines (257 loc) · 14.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://www.jqueryscript.net/demo/Create-A-Responsive-Animated-Vertical-Timeline-with-jQuery-CSS3/modernizr.js"></script>
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Taher Darolywala</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/scrolling-nav.css" rel="stylesheet">
<!-- AOS template-->
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Navigation -->
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-info fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">Taher</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#WorkExperience">Work Experience</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#projects">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#kk">Resume/CV/Transcript</a>
</li>
</ul>
</div>
</div>
</nav>
<header class="bg-dark text-white">
<div class="container text-center">
<img src="https://i.redd.it/xwtgqii9htky.jpg">
<h1>Taher Darolywala</h1>
<p class="lead">Junior Electrical and Computer Engineering Student</p>
</div>
<span class="scroll-btn">
<a href="#about">
<span class="mouse">
<span>
</span>
</span>
scroll down
</a>
</span>
</header>
<section id="about">
<div class="container">
<div class="row">
<div class="col-lg-8 about-left" data-aos="flip-left"
data-aos-easing="ease-out-cubic"
data-aos-duration="2000">
<h2>About Me</h2>
<p class="black">
My name is <font color="black"><strong>Taher Darolywala</strong></font>,i am a Junior at the University Of Houston pursuing a Bachelors in
<font color="black"><strong>Electrical and Computer Engineering.</strong></font>I created this website to share my work experience as well
some of the projects that i have worked on. I am looking for work opportunities in the area of Software engineering,Data Visualization and Data Engineering.
<br> I am concurrently working as a Software Engineering intern at Sanchez Oil & Gas, Computer Engineering Intern at Chirality Research Inc and as an
Undergraduate Teaching Assistant for ENGI 1331: Introduction to Computing and Engineering(MATLAB).
<br> I have academic level experience in Java,C,C++ and
industry level experience in Javascript,HTML,CSS building visual web apps and this website.
Python,R for data cleaning analyzing visualization.
<br>I created this interactive website using Bootstrap 4.2, JS, CSS and HTML5 to share some of my work that i have done so far. Since i also plan on working on some more larger open-source projects, i thought it would be a good start to setup a website.
<br><br>
<strong> Click on the nodes to drag them around. Inspired by Mike Bostocks Mobile Patent Viz.</strong>
</p>
</div>
<img src="img/stack.PNG" class="rounded float-right" alt="stack" data-aos="fade-up"
data-aos-easing="ease-out-cubic"
data-aos-duration="2000">
</div>
</div>
</section>
<section id="WorkExperience" class="bg-light">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>Work Experience</h2>
<section id="cd-timeline" class="cd-container">
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture"> <img src="img/work-tools-cross.svg" alt="Picture"> </div>
<!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>Data Engineering Intern
<img src="img/SOGLogo.png" height="220" width="270">
</h2>
<p>
<br> <br>
Sanchez is and Oil and Gas Operator Company <br>
I work in the optimization team where i was responsible for coming up with innovative solutions to automate tasks.
some of the projects that i worked with were retrofitting and normalizing text data using machine learning.
Once the data was retrofitted,
i also made some really visually appealing visualizations which clearly indicated the KPI's on the oil field.Stack:Python,R,JS,CSS,HTML5<br>,MySql,MsSql,MongoDB,InfluxDB
</p>
<!-- <a href="#0" class="cd-read-more">Read more</a> --><span class="cd-date">May 2018 - Jan 2019</span> </div>
<!-- cd-timeline-content -->
</div>
<!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-movie"> <img src="img/engineerSVG.png" alt="Movie"> </div>
<!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>Computer Engineering Intern</h2>
<img src="img/chiralitylogo.png" height="250" width="250">
<p>This internship was where i had my first exposure to software engineering. I started with a relatively simple project using Python and Google Firebase where i had to make a HTTP connection from python to FireBase and convert the json data into a dataframe and plot it on a map using leaflet.
After that, i just started learning on my own and everything kept building on top of itself. My most recent project involved setting up a data pipeline in logstash and indexing the data into Elastic Search and visualizing it using Kibana.
</p>
<!-- <a href="#0" class="cd-read-more">Read more</a> --><span class="cd-date">Nov 2017- Present</span> </div>
<!-- cd-timeline-content -->
</div>
<!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-picture"> <img src="img/engineerSVG.png" alt="Picture"> </div>
<!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>Undergraduate Teaching Assistant (ENGI 1331)</h2>
<img src="img/UHlogo.png" height="250" width="250">
<p>This is an introductory course for computing and problem solving for engineer's.
The programming languge used to teach the course was MATLAB.
<br> My responsibilites included mentoring groups of atleast 15-20 students,and hosting office
hours and helping/debugging code for more than 200 students.
This position was where i learned to effectively communicate with students and professors regarding course materials, complaints and assignments.
</p>
<!-- <a href="#0" class="cd-read-more">Read more</a>-->
<span class="cd-date">May 2017 - Present</span> </div>
<!-- cd-timeline-content -->
</div>
<!-- cd-timeline-block -->
<div class="cd-timeline-block">
<div class="cd-timeline-img cd-location"> <img src="img/bicep.png" alt="Location"> </div>
<!-- cd-timeline-img -->
<div class="cd-timeline-content">
<h2>UH Recreation Operations Attendant/Desk Assistant</h2>
<img src="img/recreation.png" height="250" width="265">
<p>My job responsibilites included serving patrons entering the Recreation center by swiping their cards and allowing them access, doing laundey, performing routine checks of the facility and handing out equipment to patrons.
This was my first paid professional job where i learnt most of my soft skills on how to greet patrons and perform customer service when handing out various sporting equipments.
</p>
<span class="cd-date">May 2017 - September 2017</span> </div>
<!-- cd-timeline-content -->
</div>
<!-- cd-timeline-block -->
</section>
</div>
</div>
</div>
</section>
<section id="projects">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>Projects</h2>
<p class="lead">Coming Soon</p>
<div class="tz-gallery">
<div class="row">
<div class="col-sm-12 col-md-4">
<a class="lightbox" href="https://tdaroly.github.io/Time-Varying-Visual/">
<img src="img/TimeVisual.PNG" alt="Time">
</a>
Time Varying Map visualization
</div>
<div class="col-sm-6 col-md-4">
<a class="lightbox" href="https://my-app-dash-chirality.herokuapp.com/">
<img src="img/dashapp.PNG" alt="Dash">
</a>
Python Dash app
</div>
<div class="col-sm-6 col-md-4">
<a class="lightbox" href="https://github.com/tdaroly/Binary-Convertor">
<img src="img/binary.jpg" alt="Binary">
</a>
C Decimal to Binary Convertor
</div>
<div class="col-sm-12 col-md-8">
<a class="lightbox" href="img/coming_soon_hort.png">
<img src="img/coming_soon_hort.png" alt="Traffic">
</a>
Kibana Dashboard made using ElasticSearch
</div>
<div class="col-sm-6 col-md-4">
<a class="lightbox" href="https://github.com/tdaroly/Sudoku_Java">
<img src="img/Sudoku.png" alt="Coast">
</a>
Sudoku game in Java
</div>
<div class="col-sm-6 col-md-4">
<a class="lightbox" href="img/coming_soon.jpg">
<img src="img/coming_soon.jpg" alt="Rails">
</a>
Coming Soon
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="kk">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2>View my Resume/Transcript and Cover Letter</h2>
<p class="lead">
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-6"> <a href="Resume/Resume_Taher.pdf" class="btn btn-sm animated-button sandy-one">Resume</a> </div>
<div class="col-md-3 col-sm-3 col-xs-6"> <a href="Resume/CoverLetter.pdf" class="btn btn-sm animated-button sandy-one">Cover Letter</a> </div>
<div class="col-md-3 col-sm-3 col-xs-6"> <a href="Resume/Transcript.pdf" class="btn btn-sm animated-button sandy-one">Transcript</a> </div>
</div>
</p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="rounded-social-buttons bg-dark">
<a class="social-button facebook" href="https://www.facebook.com/jessepinkman9114503" target="_blank"><i class="fab fa-facebook-f"></i></a>
<a class="social-button twitter" href="https://www.twitter.com/" target="_blank"><i class="fab fa-twitter"></i></a>
<a class="social-button linkedin" href="https://www.linkedin.com/in/taher-daroly-36606a112" target="_blank"><i class="fab fa-linkedin"></i></a>
<a class="social-button youtube" href="https://www.youtube.com/" target="_blank"><i class="fab fa-youtube"></i></a>
<a class="social-button instagram" href="https://www.instagram.com/taherhuzefa/" target="_blank"><i class="fab fa-instagram"></i></a>
<a class="social-button github" href="https://www.github.com/tdaroly" target="_blank"><i class="fab fa-github"></i></a>
</div>
</footer>
<!-- #colophon -->
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom JavaScript for this theme -->
<script src="js/scrolling-nav.js"></script>
<script src="js/scroll.js"></script>
<!-- AOS js-->
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/all.js" integrity="sha384-xymdQtn1n3lH2wcu0qhcdaOpQwyoarkgLVxC/wZ5q7h9gHtxICrpcaSUfygqZGOe" crossorigin="anonymous"></script>
<script>
AOS.init();
</script>
<!--Time Line js script-->
<script src="js/timeline.js"></script>
<script src = "js/d3_libraries_vis.js"></script>
</body>
</html>