-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
360 lines (308 loc) · 18.1 KB
/
Copy pathindex.html
File metadata and controls
360 lines (308 loc) · 18.1 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- set viewport to make site responsive -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Vikash Parekh</title>
<!-- ### -->
<!-- CSS -->
<!-- ### -->
<!-- Bootstrap CSS-->
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- Optional Bootstrap CSS-->
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap-theme.min.css">
<!-- Font-awesome -->
<link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
<!-- jBox CSS-->
<link href="bower_components/jbox/Source/jBox.css" rel="stylesheet">
<!-- Custom font CSS-->
<link href='https://fonts.googleapis.com/css?family=Cutive+Mono' rel='stylesheet' type='text/css'>
<!-- Fullpage.js CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.7/jquery.fullPage.min.css">
<!-- Local stylesheets-->
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" type="text/css" href="navbar.css">
<!-- ## -->
<!-- JS -->
<!-- ## -->
<!-- jQuery JS -->
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap JS -->
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- Typed.js JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/1.1.1/typed.min.js"></script>
<!-- jBox JS -->
<script src="bower_components/jbox/Source/jBox.min.js"></script>
<!-- Fullpage.js JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.7/jquery.fullPage.min.js"></script>
<!-- // <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.7/vendors/jquery.easings.min.js"></script> -->
<!-- // <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.7.7/vendors/jquery.slimscroll.min.js"></script> -->
<!-- Local JS -->
<script type="text/javascript" src="app.js"></script>
<script type="text/javascript" src="navbar.js"></script>
<link rel="shortcut icon" type="image/x-icon" href="/images/favicon-code.ico" />
</head>
<body>
<!-- navbar -->
<!-- Fixed navbar -->
<nav id="header" class="navbar navbar-fixed-top custom-nav top-nav-collapse" role="navigation">
<div id="header-container" class="container navbar-container">
<div class="navbar-header">
<a id="brand" class="navbar-brand" href="#top">Vikash Parekh</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#about-section">About</a></li>
<li><a href="#portfolio-section">Portfolio</a></li>
<li><a href="#skills-section">Skills</a></li>
<li><a href="#experience-section">Experience</a></li>
<li><a href="#social-section">Social media</a></li>
<li><a href="VikashParekh_Resume.pdf" target="_blank">TL;DR?</a></li>
</ul>
</div>
</div>
</nav>
<h1>Vikash Parekh: Front End Web Developer | Full Stack Web Developer. In San Francisco and Oakland, Bay Area, CA. Vikash Vikash Vikash Vikash Vikash Vikash Vikash vikashiscool etc</h1>
<div class="jumbotron">
<div class="container i-am">
I am...
<span class="typewriter">
</span>
</div>
</div>
<div class="col-xs-offset-2 col-xs-8">
<!-- about me section -->
<section id="about-section">
<div class="heading">
a little about me
</div>
<div id="about-content">
<img class="me" src="images/VP_GA1.jpg">
<p>Hello.
</p>
<p>I'm Vikash.
</p>
<p>I'm a full-stack web/mobile developer who draws on his experiences as a researcher, program manager, and comedy writer to build elegant web applications with the user and the fellow developer in mind, all while keeping larger goals in perspective.</p>
<p>Unlike rhythmic gymnastics, web development is a team sport. I strongly believe in constant communication, continuous iteration, and close collaboration.</p>
<p>I believe in maintaining a solid foundation in web development fundamentals while learning the leading/bleeding edge of new web development frameworks, libraries, and tools that will allow me to create more engaging and interactive applications</p>
<p>And I'm excited by the idea of building new solutions that address new and otherwise complex problems, regardless of the industry.</p>
</div>
</section>
</div>
<img class="div-pic" src="images/insta1.jpg">
<!-- ================================================ -->
<!-- Portfolio section -->
<!-- ================================================ -->
<div>
<section id="portfolio-section">
<div class="heading">
portfolio
</div>
<div id="portfolio-content">
<tr>
<p class="col-sm-4"><img src="images/monetaScreenshot.png" id="moneta" data-toggle="modal" data-target="#monetaModal"></p>
<!-- <p class="col-sm-3"><img src="images/resolvScreenshot.png" id="resolv" data-toggle="modal" data-target="#resolvModal"></p> -->
<p class="col-sm-4"><img src="images/hpfyScreenshot.png" id="hpfy" data-toggle="modal" data-target="#hpfyModal"></p>
<p class="col-sm-4"><img src="images/trvlScreenshot.png" id="trvl" data-toggle="modal" data-target="#trvlModal"></p>
</tr>
</div>
</section>
<!-- Moneta modal -->
<div class="modal fade" id="monetaModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Moneta</h4>
</div>
<div class="modal-body">
<p><b>Description: </b>A MEAN stack app that incentivizes responsible investing.</p>
<p><b>Technologies: </b>Angular/Bootstrap (front-end) / Node/Express/MongoDB (back-end)</p>
<p><b>Responsibilities: </b>All stages of development, from schema to deployment.</p>
<p><b>URL: </b><a href="https://monetaapp.herokuapp.com" target="_blank">https://monetaapp.herokuapp.com</a></p>
<p><b>Source: </b><a href="https://github.com/vikashiscool/moneta" target="_blank">https://github.com/vikashiscool/moneta</a></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- Resolv modal -->
<!-- <div class="modal fade" id="resolvModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Resolv</h4>
</div>
<div class="modal-body">
<p><b>Description: </b>A MEAN stack web app that allows users to track and share their New Years Resolutions.</p>
<p><b>Technologies: </b>Angular/Bootstrap (front-end) / Node/Express/MongoDB (back-end)</p>
<p><b>Responsibilities: </b>All stages of development, from schema to deployment.</p>
<p><b>Source: </b><a href="https://github.com/project-funtime/resolv" target="_blank">https://github.com/project-funtime/resolv</a></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
--><!-- /.modal -->
<!-- Health Plan for You modal -->
<div class="modal fade" id="hpfyModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Health Plan for You</h4>
</div>
<div class="modal-body">
<p><b>Description: </b>A web resource that connects low-income patients with state health insurance marketplaces created by the Affordable Care Act.</p>
<p><b>Technologies: </b>JS/jQuery/Bootstrap (front-end) / HAML-Rails (back-end)</p>
<p><b>Responsibilities: </b>Worked closely with project managers and a UX designer to create user-friendly views, new user models, and streamlined routes.</p>
<p><b>URL: </b><a href="https://planpilot.herokuapp.com" target="_blank">https://planpilot.herokuapp.com</a></p>
<p><b>Source: </b><a href="https://github.com/Zero-Divide-GA/ZeroDivide" target="_blank">https://github.com/Zero-Divide-GA/ZeroDivide</a></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- Travelogue modal -->
<div class="modal fade" id="trvlModal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title">Travelogue</h4>
</div>
<div class="modal-body">
<p><b>Description: </b>A blogging platform that allows users to create travel articles and post photos.</p>
<p><b>Technologies: </b>Google Maps API, JS/jQuery/Bootstrap (front-end) / RoR (back-end)</p>
<p><b>Responsibilities: </b>Authentication (Devise), authorization (Pundit), file upload (Paperclip), testing, models, views, and controllers.</p>
<p><b>URL: </b><a href="https://trvlogue.herokuapp.com/" target="_blank">https://trvlogue.herokuapp.com</a></p>
<p><b>Source: </b><a href="https://github.com/wampas/project2/" target="_blank">https://github.com/wampas/project2</a></p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</div> <!-- portfolio close -->
<img class="div-pic" src="images/insta2.jpg">
<!-- ================================================ -->
<!-- Skills section -->
<!-- ================================================ -->
<div class="col-xs-offset-2 col-xs-8">
<section id="skills-section">
<div class= "heading">
<span class="skill" title="Hover over each skill for a description">skills</span>
</div>
<div id="skills-content">
<p><b>Languages:</b> <span class="skill" title="THE programming language of HTML and the Web.">JavaScript</span>,
<span class="skill" title="A dynamic programming language that balances functional and imperative programming.">Ruby</span>,
<span class="skill" title="Markup language that is used to describe the HTML of any web document without the use of inline code. A space-sensitive, easy-to-read dialect of Ruby.">HAML</span>,
<span class="skill" title="You should really know this by now. ಠ_ಠ">HTML/CSS</span>,
<span class="skill" title="A CSS pre-processor that adds basic styling power.">Sass</span></p>
<p><b>Frameworks and Libraries:</b> <span class="skill" title="A minimal and flexible Node.js framework that provides a robust set of features to develop web and mobile applications.">Node.js with Express</span>,
<span class="skill" title="An open-source JavaScript front-end framework, maintained by Google, that assists with running single-page applications.">Angular</span>,
<span class="skill" title="The de facto web development framework for the Ruby programming language.">Ruby on Rails</span>,
<span class="skill" title=" A widely-used JavaScript library that facilitates HTML document traversal/manipulation, event handling, animation, and AJAX.">jQuery</span>,
<span class="skill" title="A Javascript library for building clean, logicless templates.">HandlebarsJS</span>,
<span class="skill" title="The most popular HTML, CSS, and JS framework for developing responsive, mobile-first web projects.">Bootstrap</span></p>
<p><b>Databases/Database Tools:</b>
<span class="skill" title="Structured Query Language-- A special-purpose language used to manage data in a relational database management system (RDBMS).">SQL</span>,
<span class="skill" title="An open-source object-relational database management system (ORDBMS) with an emphasis on extensibility.">PostgreSQL</span>,
<span class="skill" title="">MongoDB</span>,
<span class="skill" title="">Redis</span></p>
<p><b>Testing Frameworks:</b>
<span class="skill" title="A simple and flexible JS test framework for Node.js">Mocha</span>,
<span class="skill" title="The gold standard TDD and BDD framework for the Ruby">RSpec</span>,
<span class="skill" title="The TDD framework for AngularJS">Protractor</span>,
<span class="skill" title="A BDD framework for Rails">Capybara</span></p>
<p><b>Collaboration Tools:</b> Git/GitHub, Trello, Heroku</p>
<p><b>Other Methods/Concepts:</b> OOP, user stories, wireframing, algorithms, inheritance, API integration, data structures</p>
</div>
</section>
</div>
<img class="div-pic" src="images/insta3.jpg">
<!-- ================================================ -->
<!-- Experience section -->
<!-- ================================================ -->
<div class="col-xs-offset-2 col-xs-8">
<section id="experience-section">
<div class="heading">
experience
</div>
<div id="experience-content">
<div class="experience-item">
<div class="experience-title">Developer in Residence</div>
<div class="experience-employer">General Assembly, San Francisco, CA</div>
<div class="experience-years">February 2015 – November 2015</div>
<p><b>Skills developed:</b> Student mentorship; classroom management; lesson plan development; project management; debugging code; troubleshooting errors; coordination of TAs and instructors.</p>
<p><b>Accomplishments:</b> Advised and tutored over 90 web development immersive students in various web development methods, languages, frameworks, and libraries.</p>
</div>
<div class="experience-item">
<div class="experience-title">Web Development Immersive (WDI) Student</div>
<div class="experience-employer">General Assembly, San Francisco, CA</div>
<div class="experience-years">November 2014 – February 2015</div>
<p><b>Skills developed:</b> HTML/CSS, Bootstrap, OOP, Node.js with Express, jQuery, AJAX, AngularJS, Ruby on Rails, SQL, PostgreSQL, Redis, TDD/BDD, API integration, data structures, Git/Github, Heroku, Trello, UX and product management fundamentals.</p>
<p><b>Accomplishments:</b> Successful completion of the web development course and immediate hiring by General Assembly as a WDI teaching assistant. I have worked on individual and group projects that have enabled me to apply and further develop my planning, wireframing, and coding skills.</p>
</div>
<div class="experience-item">
<div class="experience-title">Quantitative Analyst</div>
<div class="experience-employer">Kearny Venture Partners, San Francisco, CA</div>
<div class="experience-years">February 2014 – November 2014</div>
<p><b>Skills developed:</b> Clinical trial data analysis, sample size forecasting, economic and financial analysis, data management.</p>
<p><b>Accomplishments:</b> Managed a data repository of over 250 biotech companies, over 350 scientific publications, and KVP's diversified stock portfolio.</p>
</div>
<div class="experience-item">
<div class="experience-title">Program Manager</div>
<div class="experience-employer">National Institutes of Health</div>
<div class="experience-years">September 2009 – July 2012</div>
<p><b>Skills developed:</b> Research and programmatic support for epidemiologic studies on infectious diseases; grantwriting, policy-writing, and technical/non-technical scientific writing.</p>
<p><b>Accomplishments:</b> Coordinated vital research projects focusing on the 2009 H1N1 pandemic; coordinated international research conferences on respiratory viruses, managed grant applications and the publication of scientific articles.</p>
</div>
</div>
</section>
</div>
<img class="div-pic" src="images/insta4.jpg">
<!-- Social section -->
<div class="col-xs-offset-2 col-xs-8">
<section id="social-section">
<div class= "heading">
social
</div>
<div id="social-content">
<a href = "https://angel.co/vikash-parekh" target="_blank">
<i class="fa fa-angellist"></i>
</a>
<a href = "https://github.com/vikashiscool" target="_blank">
<i class="fa fa-github-square"></i>
</a>
<a href = "https://www.linkedin.com/in/vikashparekh" target="_blank">
<i class="fa fa-linkedin-square"></i>
<a href = "https://twitter.com/vikashiscool" target="_blank">
<i class="fa fa-twitter-square"></i>
</a>
<a href = "https://instagram.com/vikashiscool" target="_blank">
<i class="fa fa-instagram"></i>
</a>
<a href = "https://twitter.com/vikashiscool" target="_blank">
<i class="fa fa-pinterest-square"></i>
</a>
<a href = "mailto:vikash.k.parekh@gmail.com">
<i class="fa fa-pencil-square"></i>
</a>
</div>
</section>
<div id="foot">
Built with love (and <a href="http://stackoverflow.com/" target="_blank">Stack Overflow</a>) by Vikash Parekh. All images taken by me and available on <a href="https://instagram.com/vikashiscool" target="_blank">Instagram</a>. Source code can be found <a href="https://github.com/vikashiscool/vikashiscool.github.io" target="_blank">here</a>.
</div>
</div>
</body>
</html>