-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
183 lines (166 loc) · 8.1 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
<!doctype html>
<html lang="en">
<head>
<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="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Jekyll v4.1.1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<title>Arsh Dhillon</title>
<link rel="canonical" href="https://getbootstrap.com/docs/4.5/examples/cover/">
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<link rel="stylesheet" href="static/styling.css">
<link rel="stylesheet" href="styles/index.css">
</head>
<body>
<header class="masthead mb-auto">
<div class="heading">
<button class="nav-button" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasWithBothOptions"
aria-controls="offcanvasWithBothOptions"><svg xmlns="http://www.w3.org/2000/svg" width="40" height="40"
fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
<path fill-rule="evenodd"
d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z" />
</svg></button>
<h2 class="masthead-brand">Arsh Dhillon</h2>
</div>
<nav id="navbar" class="nav nav-masthead justify-content-center">
<a class="nav-link active" href="#home">Home</a>
<a class="nav-link" href="#education">Education</a>
<a class="nav-link" href="#work">Work Experience</a>
<a class="nav-link" href="#projects">Projects</a>
</nav>
</header>
<div class="offcanvas offcanvas-start" data-bs-scroll="true" tabindex="-1" id="offcanvasWithBothOptions"
aria-labelledby="offcanvasWithBothOptionsLabel">
<div class="offcanvas-header">
<h5 class="offcanvas-title" id="offcanvasWithBothOptionsLabel">Menu</h5>
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
<div class="offcanvas-body">
<ul class="navbar-nav justify-content-end flex-grow-1 pe-3">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#education">Education</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#work">Work Experience</a>
</li>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#projects">Projects</a>
</li>
</ul>
</div>
</div>
<div id="home" class="main">
<img src="static/portrait.jpg">
</div>
</br>
<div class="subhead">
<h3 id="education">Education</h3>
</div>
<table>
<tr>
<td>
<span class="time">Sept, 2018 - Apr, 2023</span>
<br> <span class="blue">University of Toronto</span>
<br> B.S in Computer Science
</td>
<td style="padding: 0px;"><img src="static/uoft.png" style="width: 75px;"></td>
</tr>
<tr>
<td>
<span class="time">Sept, 2014 - June, 2018</span>
<br> <span class="blue">Fletcher's Meadow Secondary School</span>
<br> High School Diploma with Honours
</td>
<td style="padding: 0px;"><img src="static/logo.svg" style="width: 40px;"></td>
</tr>
</table>
<div class="subhead">
<h3 id="work">Work Experience</h3>
</div>
<table>
<tr>
<td class="firstdata">
<span class="time">May, 2022 - Aug, 2022</span>
<br><span class="blue">Interac</span><br>API Design Intern<br>
</td>
<td> During my tenure at Interac, Canada's largest payment processing company, I had the opportunity to gain
valuable experience in product development. I held the dual role of Product Manager for the Account Based
Payments product and as a designer for a new feature aimed at enhancing Interac's E-Transfer service. This
feature aimed to enable customers to send and receive transfers using their Twitter handles, adding a new level
of convenience and accessibility to the platform. </td>
</tr>
<tr>
<td class="firstdata">
<span class="time">May, 2021 - Apr, 2022</span>
<br><span class="blue">Oracle</span><br>Software Developer Intern<br>
</td>
<td> During my role at Oracle, I took charge of the development of various components for their
drag-and-drop editor. By utilizing JavaScript and React, my main objective was to improve accessibility for
non-technical users. I introduced innovative techniques such as leveraging html2canvas and iframe to automate
the generation and display of thumbnail images for all posts created within the drag-and-drop editor. This
approach elevated the overall user experience to unprecedented levels. Additionally, I implemented rigorous
testing methodologies, employing tools like Jest, to effectively minimize software bugs and enhance the overall
reliability and performance of the product.</td>
</tr>
<tr>
<td class="firstdata">
<span class="time">Nov, 2017 - July, 2020</span>
<br><span class="blue">Kumon</span><br>Team Member<br>
</td>
<td> Grade and record students homework and classwork. Organize and setup student folders for the
following class. </td>
</tr>
<tr>
<td class="firstdata">
<span class="time">Apr, 2019 - Aug, 2019</span>
<br><span class="blue">Canada's Wonderland</span><br>Ride Operator<br>
</td>
<td> Operate and perform daily inspections on amusement rides, take note of any equipment damage
or wear and report maintenance and repair problems to their supervisors. </td>
</tr>
</table>
<div class="subhead">
<h3 id="projects">Projects</h3>
</div>
<table>
<tr>
<td class="firstdata">
<span class="time">Nov, 2022</span>
<br> <span class="blue">r/Place Clone</span>
</td>
<td> Used Amazon Web Services (AWS) to develop a serverless application that emulates the famous
subreddit r/place. The application leverages various AWS tools such as Lambda, DynamoDB, ElastiCache, API
Gateway, VPC, and Amplify to build the system. The app is designed to accommodate up to 100,000 users and handle
300 updates per second. The front-end of the application is built with JavaScript and features a 1000x1000 board
that allows users to send and receive updates through a websocket. </td>
</tr>
<tr>
<td class="firstdata">
<span class="time">Oct, 2022</span>
<br> <span class="blue">URL Shortner Server</span>
</td>
<td> This project is designed to handle a large volume of data and scale as the number of users
and data increased. By leveraging a Docker swarm, workload distribution
was achieved across multiple containers to maximize scalability and enhance system resilience. The system was
further optimized for performance by implementing Redis caching and streams. Redis caching reduced the need for
repeated database queries by storing frequently accessed data in memory, improving response times by 65%. Redis
streams
enabled the system to process incoming data efficiently, further enhancing its ability to handle large volumes
of data. Redis streams improved the response times up to 90% for write requests. The result was a highly
efficient, scalable, and reliable system capable of handling high loads of
traffic without any disruptions or downtime.</td>
</tr>
</table>
<div class="end"></div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script>
</body>
</html>