-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
517 lines (466 loc) · 27 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
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XB5GY3D6E1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XB5GY3D6E1');
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta name="description" content="Manan Patel Portfolio" />
<meta name="keywords" content="iOS,Developer, Engineer,Software,Java">
<meta name="author" content="Manan Patel" />
<title>Manan Patel</title>
<link rel="stylesheet" href="css/style.css" />
<link href="css/font-faces.css" rel="stylesheet" />
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="js/www.w3schools.com/w3css/4/w3.css" />
<link rel="stylesheet" href="js/cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<link rel="stylesheet" href="js/maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" />
<script src="js/ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="js/cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="js/maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
</head>
<body>
<!--Main menu-->
<div class="menu">
<div class="container">
<div class="row">
<div class="menu__wrapper col-md-12">
<nav class="">
<ul>
<li><a href="#about">About Me</a></li>
<li><a href="#portfolio">Work</a></li>
<li><a href="#resume">Resume</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<!--Main menu-->
<!--Header-->
<header class="main-header" style="">
<div id="hello" class="container">
<div class="row personal-profile">
<div class="col-md-4 personal-profile__avatar">
<img class="" src="images/Headshot1.jpg" alt="avatar">
</div>
<div class="col-md-8">
<p class="personal-profile__name">Manan Patel</p>
<p class="personal-profile__work">iOS and Software Engineer</p>
<div class="personal-profile__contacts">
<dl class="contact-list contact-list__opacity-titles">
<dt>Email:</dt>
<dd><a href="mailto:manan.patel@outlook.com">manan.patel@outlook.com</a></dd>
<dt>GitHub:</dt>
<dd><a href="https://github.com/MananPatel95" target="_blank" rel="noopener">MananPatel95</a></dd>
<dt>Location:</dt>
<dd>Calgary,Canada (MST, UTC-7 Timezone)</dd>
</dl>
</div>
<p class="personal-profile__social">
<a href="https://github.com/MananPatel95" target="_blank" rel="noopener"><i class="fa fa-github"></i></a>
</p>
</div>
</div>
</div>
</header>
<!--Header-->
<!--About-->
<section id="about" class="container section">
<div class="row">
<div class="col-md-12">
<h2 id="about_me_header" class="section__title">About Me_</h2>
<div class="about-content">
<p class="section__description about-text">
I am an <span class="highlight">entrepreneur</span> specializing in <span class="highlight">cutting-edge mobile and software solutions</span> for businesses of all sizes
</p>
<p class="about-text">What I bring to your project:</p>
<ul class="about-list">
<li><i class="fa fa-mobile"></i><span>Expert in crafting high-performance, user-friendly mobile apps</span></li>
<li><i class="fa fa-code"></i><span>Full-stack capabilities for seamless end to end solutions</span></li>
<li><i class="fa fa-lightbulb-o"></i><span>Innovative problem-solving to address unique business challenges</span></li>
<li><i class="fa fa-clock-o"></i><span>Efficient project management for on-time, on-budget delivery</span></li>
</ul>
</br>
<p class="section__description about-text">
With a track record of successful projects and satisfied clients, I'm ready to turn your vision into reality!
</br></br><strong><a href="mailto:manan.patel@outlook.com">Get in touch</a> to discuss your project</strong>
</p>
</div>
</div>
</div>
</section>
<!--About-->
<hr>
<!--Portfolio-->
<section id="portfolio" class="container section">
<div class="row">
<div class="col-md-12">
<h2 id="work_header" class="section__title">Work_</h2>
</div>
<div class="portfolio-cards">
<!-- WeatherCan -->
<div class="row project-card" onclick="window.open('https://apps.apple.com/ca/app/weathercan/id1334221563', '_blank')" style="cursor: pointer;">
<div class="col-md-6 col-lg-7 project-card__info">
<h3 class="project-card__title">WeatherCan ⛅</h3>
<p class="project-card__description">
WeatherCan is the official mobile weather application for Environment Canada where I was one of
2 developers responsible for creating the iOS version from concept to completion within 12 months.
</br></br><br><strong>#2 Weather Application in Canada with over 5 million monthly active users!</strong>
<h6>Notable Features</h6>
<li>Real-time Weather Alert Notifcations, GPS based and for Saved Locations</li>
<li>Sole engineer responsible for "Now" & "7 Day" pages, Lightning Layer on Map, and also the Widgets</li>
<li>Implemented localization and unit translations</li>
<li>Used CoreData to store persistant data</li>
</p>
<p class="project-card__stack">Stack:</p>
<ul class="tags">
<li>Swift</li>
<li>Firebase</li>
<li>CoreData</li>
<li>CoreGraphics</li>
<li>UIKit</li>
</ul>
<a href="https://apps.apple.com/ca/app/weathercan/id1334221563" class="project-card__link">App Store: WeatherCan</a>
</div>
<div class="col-md-6 col-lg-5 project-card__img">
<video autoplay muted loop class="" src="images/Projects/WeatherCan/weatherCan.mp4" alt="Login">
</video>
</div>
</div>
<!-- Wattpad -->
<div class="row project-card" onclick="window.open('https://apps.apple.com/us/app/wattpad-read-write-stories/id306310789', '_blank')" style="cursor: pointer;">
<div class="col-md-6 col-lg-5 project-card__img">
<!-- Full-width images with number text -->
<div class="mySlides">
<div class="numbertext">1 / 4</div>
<video autoplay muted loop src="images/Projects/Wattpad/after-gif.mp4" alt="After"></video>
<div class="caption-container">
<p>New Comments Experience 😍</p>
</div>
</div>
<div class="mySlides">
<div class="numbertext">2 / 4</div>
<video autoplay muted loop src="images/Projects/Wattpad/before-gif.mp4" alt="Before"></video>
<div class="caption-container">
<p>Old Comments Experience 🤐</p>
</div>
</div>
<div class="mySlides">
<div class="numbertext">3 / 4</div>
<video autoplay muted loop src="images/Projects/Wattpad/mute.mp4" alt="Mute"></video>
<div class="caption-container">
<p>Mute User Flow 📵</p>
</div>
</div>
<div class="mySlides">
<div class="numbertext">4 / 4</div>
<video autoplay muted loop src="images/Projects/Wattpad/login.mp4" alt="Login"></video>
<div class="caption-container">
<p>Password Strengthening ✳</p>
</div>
</div>
<!-- Next and previous buttons -->
<a class="prev" onclick="event.stopPropagation(); plusSlides(-1)">❮</a>
<a class="next" onclick="event.stopPropagation(); plusSlides(1)">❯</a>
</div>
<div class="col-md-6 col-lg-7 project-card__info">
<h3 class="project-card__title">Wattpad 📖</h3>
<p class="project-card__description">
As an iOS Engineer, worked on widely used user facing features for Comments, User Safety, Ads,
and Content Moderation, often as a solo developer.
<h6>Notable Projects</h6>
⌨ <em>Comments Revamp:<br></em>
<li>iOS Tech Lead, managed a team of 3, from concept to release</li>
<li>Complete overhaul from ObjC to Swift and introduced comment liking, in-line replies, design
system components, and ads in between comments!</li>
<li>Produced a <strong>massive</strong> bump in engagement, revenue, and retention in the comments
experience</li><br>
📵 <em>User & Story Mute:<br></em>
<li>Added ability to mute/block a specific person across the application from viewing any of your
content or information</li>
<li><strong>Most used user safety feature on Wattpad by far!</strong></li>
<li>Sole engineer on project from concept to release</li><br>
✳ <em>Signup Strengthening:<br></em>
<li>Implemented new set of verification rules for new signups (email, username, password, & birthday) and account info changes
</li>
<li>Super short timeline saved company from fines from regulatory body</li><br>
</p>
<p class="project-card__stack">Stack:</p>
<ul class="tags">
<li>Swift</li>
<li>SwiftUI</li>
<li>Objective-C</li>
</ul>
<a href="https://apps.apple.com/us/app/wattpad-read-write-stories/id306310789" class="project-card__link">App Store: Wattpad</a>
</div>
</div>
<!-- Countries Quiz -->
<div class="row project-card" onclick="window.open('https://mananpatel.info/countries-quiz/', '_blank')" style="cursor: pointer;">
<div class="col-md-6 col-lg-7 project-card__info">
<h3 class="project-card__title">Countries Quiz 🌍</h3>
<p class="project-card__description">
Inspired by my favorite JetPunk game, I created this iOS app to satisfy my passion for geography on the go. This interactive quiz helps your learn about countries, flags, and capitals of the world.
</br>
<h6>Key Features</h6>
<li>Multiple game modes, country quiz, capital quiz, and flag quiz</li>
<li>Interactive World Map with custom GeoJSON polygons</li>
<li>Clean animations, user experience, and sounds that I also generated!</li>
<li>FREE, No Ads, No In-App Purchases</li>
</ul>
</p>
</br>
<p class="project-card__stack">Stack:</p>
<ul class="tags">
<li>Swift</li>
<li>SwiftUI</li>
<li>MapKit</li>
<li>AVFoundation</li>
<li>Firebase</li>
</ul>
<a href="https://apps.apple.com/us/app/countriesquiz/id6698896459?platform=iphone" class="project-card__link">App
Store: CountriesQuiz</a>
</div>
<div class="col-md-6 col-lg-5 project-card__img">
<video autoplay muted loop class="" src="images/Projects/CountriesQuiz/countriesQuiz.mov" alt="CountriesQuiz">
</video>
</div>
</div>
<!-- UberClone -->
<div class="row project-card" onclick="window.open('https://github.com/MananPatel95/CloneOfUber', '_blank')" style="cursor: pointer;">
<div class="col-md-6 col-lg-5 project-card__img">
<img class="" src="images/Projects/Clones/UberClone.jpg" alt="project-img">
</div>
<div class="col-md-6 col-lg-7 project-card__info">
<h3 class="project-card__title">UberClone 🚕</h3>
<p class="project-card__description">
Created a clone of the Uber app using Swift to learn more about Firebase and MapKit in
particular.
</br></br>
This project started as an experiment using Firebase. The idea was simple: create an uber clone
with authentication and separate functionality for a passenger and a driver.
For the maps and places I decided to go with Apple's MapKit as I had already tried Google maps
and places in my other projects.
</p>
<p class="project-card__stack">Stack:</p>
<ul class="tags">
<li>Swift</li>
<li>MapKit</li>
<li>UIKit</li>
<li>Firebase</li>
</ul>
<a href="https://github.com/MananPatel95/CloneOfUber" class="project-card__link">Github:
UberClone</a>
</div>
</div>
<!-- SwiftYoutube -->
<div class="row project-card" onclick="window.open('https://github.com/MananPatel95/SwiftYoutube', '_blank')" style="cursor: pointer;">
<div class="col-md-6 col-lg-7 project-card__info">
<h3 class="project-card__title">SwiftYoutube</h3>
<p class="project-card__description">
Created a mock version of the Youtube iOS application to play around with UIKit, AVKit, and a
consumer facing real-time REST API.
</br></br> This project helped me learn more about UICollectionViews, TabBarControllers, AVKit
components like UISlider and AVPlayer, and attaching multiple JSON feeds from a real-time public
API into a project.
</p>
<p class="project-card__stack">Stack:</p>
<ul class="tags">
<li>Swift</li>
<li>UIKit</li>
<li>AVKit</li>
<li>REST API</li>
</ul>
<a href="https://github.com/MananPatel95/SwiftYoutube" class="project-card__link">Github:
SwiftYoutube</a>
</div>
<div class="col-md-6 col-lg-5 project-card__img">
<img class="" src="images/Projects/SwiftYoutube/swiftyoutube.png" alt="project-img">
</div>
</div>
<!-- UITube -->
<div class="row project-card" onclick="window.open('https://github.com/MananPatel95/UiTube', '_blank')" style="cursor: pointer;">
<div class="col-md-6 col-lg-5 project-card__img">
<img class="" src="images/Projects/UiTube/uitube.PNG" alt="project-img">
</div>
<div class="col-md-6 col-lg-7 project-card__info">
<h3 class="project-card__title">UITube - Youtube Chrome Extension</h3>
<p class="project-card__description">
A chrome extension that changes the Youtube UI so that users can view the video, read comments,
get the video info and related videos all in 1 page. There is also an auto night mode that
appears
while mouse is on the video and additional settings such as annotations, playback speed, and
captions
available from the menu.
</p>
<p class="project-card__stack">Stack:</p>
<ul class="tags">
<li>JavaScript</li>
<li>CSS</li>
<li>HTML</li>
</ul>
<a href="https://github.com/MananPatel95/UiTube" class="project-card__link">Github: UITube</a>
</div>
</div>
</div>
</div>
</section>
<!--Portfolio-->
<hr>
<!--Resume-->
<section id="resume" class="container section">
<div class="row">
<div class="col-md-6 section__resume resume-list">
<h2 id="resume_header" class="section__title" style="text-indent: -9999px;">Resume_</h2>
<h3 class="resume-list_title">Employment</h3>
<!-- ECCC -->
<div class="resume-list__block">
<p class="resume-list__block-title">Environment and Climate Change Canada</p>
<p class="resume-list__block-date">March 2023 - Present</p>
<p><strong>Team Lead and iOS Developer</strong></p>
<p> - Lead the Weather Dissemination team to create, maintain, and produce weather related components
and data for the Weather.gc.ca website, and iOS & Android applications</p>
<p> - Lead iOS Engineer for the iOS WeatherCan Application, 5M+ MAU, #3 Weather app in Canada</p>
<p> - Identify, generate, and delegate tasks to 3 full-time developers and 2 co-op students to
achieve organization wide KPIs and timelines</p>
<p> - Currently leading the team to expand our Radar product to also support real-time Lightning,
Hurricane, and Tornado events across Canada!</p>
</div>
<!-- Wattpad -->
<div class="resume-list__block">
<p class="resume-list__block-title">Wattpad Inc.</p>
<p class="resume-list__block-date">August 2021 - March 2023</p>
<p><strong>iOS Engineer</strong></p>
<p> - Swift, SwiftUI, and Obj-C engineering for the <a
href="https://apps.apple.com/us/app/wattpad-read-write-stories/id306310789">iOS Wattpad
App</a></p>
<p> - Lead iOS Engineer for the new Wattpad Comments experience, complete overhaul of comments from
Obj-C to SwiftUI, to introduce comment liking, in-line replies, and design system components</p>
<p> - Part of User Safety projects like User Blocking, Password Strengthening, and Age restrictions</p>
<p> - Implemented WP Design System, via an atomic design methodology, of components, molecules, and
organisms for a unified product and developer experience. Written in SwiftUI with bridges for
UIKit</p>
<p> - Took on bi-monthly release master duties to test, monitor, resolve, and release new version
updates to TestFlight and App Store</p>
</div>
<!-- TD -->
<div class="resume-list__block">
<p class="resume-list__block-title">TD Bank</p>
<p class="resume-list__block-date">Jan 2020 - Aug 2021</p>
<p><strong>iOS Developer</strong></p>
<p> - Design and build iOS application features for TD App that offer seamless access to banking
services, including account management, fund transfers, and transaction history in Swift and Obj-C</p>
<p> - Collaborate with backend developers to integrate financial APIs securely with multi-factor
authentication</p>
<p> - Provide technical guidance and mentorship to team members, conducting code reviews and
ensuring adherence to coding standards</p>
</div>
<!-- ECCC -->
<div class="resume-list__block">
<p class="resume-list__block-title">Environment and Climate Change Canada</p>
<p class="resume-list__block-date">May 2017 - Jan 2020</p>
<p><strong>iOS and Software Developer</strong></p>
<p> - Concept to completion release of the Canadian governmental national weather iOS app, <a
href="https://apps.apple.com/ca/app/weathercan/id1334221563">WeatherCAN</a>, with only a 2
person team and 1 year timeline</p>
<p> - Established real-time consumer facing databases and backend APIs for mobile applications</p>
<p> - Work with VueJS to create GUI layers for the Weather GC website redesign project, such as
real-time lightning strikes, weather radar, and weather alerting</p>
<p> - Creation and maintenance of XML Parsers, Product Generators, and support of all weather
components related to observations, forecasts, and alerts for National Weather outlets</p>
</div>
<!-- UOFT Research Assistant -->
<div class="resume-list__block">
<p class="resume-list__block-title">Department of Economics, University of Toronto</p>
<p class="resume-list__block-date">Sept 2016 - Dec 2016</p>
<p><strong>Statistical Research Assistant</strong></p>
<p> - Developed machine learning models of economic information about the countries of Peru and
Canada to analyze the effect of trade policies on regional trade output</p>
<p> - Created databases using Python and R based pre-processing techniques which were used to
formulate and train machine learning models to generate inferences about efficient trade
policies</p>
</div>
<!-- AACC -->
<div class="resume-list__block">
<p class="resume-list__block-title">Academic Advising & Career Centre, University of Toronto</p>
<p class="resume-list__block-date">May 2015 - Aug 2016</p>
<p><strong>iOS and Web Developer</strong></p>
<p> - Native Swift development using UIKit, Google Maps, and injesting API</p>
<p> - Helped create the <a
href="https://apps.apple.com/us/app/utsc-student-experience/id1178722133"> UTSC Student
Expereince App </a>
<p> - Created interal social media ticket system which boosted traffic 30% and reduced time taken
for posts</p>
<p> - Creating marketing materials and webpages for student workshops, events, and services</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8 section__resume resume-list">
<h3 class="resume-list_title">
Education
</h3>
<div class="resume-list__block">
<p class="resume-list__block-title">University of Toronto</p>
<p class="resume-list__block-date">2013 - 2019</p>
<p>BSc (Hons) Computer and Statistical Science - Co-op</p>
<p>GPA: 3.2</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8 section__resume resume-list">
<a href="files/MananPatelResume.pdf" target="_blank" class="section_btn site-btn"><span><i
class="fa fa-download" aria-hidden="true"></i></span>Resume</a>
</div>
</div>
</section>
<hr>
<!-- Footer -->
<div class="background">
<div class="section">
<div class="footer">
<p>Manan Patel</p>
<p class="personal-profile__social">
<a href="https://github.com/MananPatel95" target="_blank" rel="noopener"><i class="fa fa-github"></i></a>
</p>
</div>
</div>
</div>
<!-- Footer -->
<script src="js/min/jquery.waypoints.min.js"></script>
<script src="js/min/mbclicker.min.js"></script>
<script src="js/menu.js"></script>
<script src="js/section.js"></script>
<script src="js/portfolio-filter.js"></script>
<script src="js/mobile-menu.js"></script>
<script src="js/site-btn.js"></script>
<script>
var slideIndex = 1;
showSlides(slideIndex);
function plusSlides(n) {
showSlides(slideIndex += n);
}
function currentSlide(n) {
showSlides(slideIndex = n);
}
function showSlides(n) {
var i;
var slides = document.getElementsByClassName("mySlides");
if (n > slides.length) { slideIndex = 1 }
if (n < 1) { slideIndex = slides.length }
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slides[slideIndex - 1].style.display = "block";
}
</script>
</body>
</html>