-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
172 lines (170 loc) · 11.4 KB
/
index.html
File metadata and controls
172 lines (170 loc) · 11.4 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
<!DOCTYPE html>
<html lang="en" class="body-index">
<head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-X0LKJPE7QF"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-X0LKJPE7QF');
</script>
<meta charset="UTF-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="app/stylesheets/main.css">
<script src="https://unpkg.com/popper.js@1"></script>
<script src="https://unpkg.com/tippy.js@5"></script>
<script src="app/scripts/home-header-transition.js"></script>
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
<link rel="manifest" href="favicon/site.webmanifest">
<link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#222222">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<title>Hamza Arshad</title>
</head>
<body class="body-index">
<div class="background-image-index">
<div class="background-overlay">
<div id="home-header" class="header-index">
<img src="assets/img/hna_white.png" class="logo-hna">
<div class="header-item"><a href="mailto:hamza.n.arshadwork@gmail.com" style="color: #fff;">CONTACT</a></div>
<div class="header-item"><a onclick="location.href='app/views/resume.html'">RESUME</a></div>
<!--<div class="header-item"><a onclick="location.href='app/views/portfolio.html';">PORTFOLIO</a></div>-->
<div class="header-item"><a onclick="location.href = 'https://github.com/hamzanadeveloper'">GITHUB</a></div>
<div class="header-item"><a class="home-about-lead">ABOUT</a></div>
<div class="header-item"><a style="border-bottom: 1px solid white;">HOME</a></div>
</div>
<div class="opening-container">
<div class="name-index">HAMZA ARSHAD</div>
<div class="edu-index">Software Developer • 3B Biomedical Engineering</div>
<div class="uw-index">University of Waterloo</div>
<div class="profile-entry-container">
<!--<div class="portfolio-entry" onclick="location.href='app/views/portfolio.html';"><a>PORTFOLIO</a></div>-->
<div class="about-entry" onclick="location.href = 'https://github.com/hamzanadeveloper'" ><a>GITHUB</a></div>
</div>
</div>
<img src="assets/img/icons8-scroll-down-100%20(1).jpg" class="pointer-home">
</div>
</div>
<div class="home-profile">
<div class="profile-content-container">
<img src="assets/img/profile.png" class="home-profile-img">
<div class="home-profile-text-container">
<div class="about-me-profile">ABOUT ME</div>
<div class="first-para">
My name is Hamza Arshad and I am currently in my 3B term studying Engineering
at the University of Waterloo. On top of my choice of specialization in engineering, I have a strong affinity for
computer science and hardware. I love tinkering with new tech in my spare time, and for that
very reason I enjoy learning new frameworks and languages in full-stack development.
</div>
<div class="second-para">
As of this moment, I am <span style="font-family: Metropolis-Semi-Bold">seeking employment for
the Winter & Summer 2021 term</span>. My area of expertise is in contemporary web and mobile architecture.
</div>
<div class="third-para">
As for my future endeavours, I am open to all opportunities. I would love to learn new skills
and be placed in a fast-paced environment where I can be challenged and create something of my own.
</div>
</div>
</div>
</div>
<div class="skills-box">
<div class="skills-title">SKILLS</div>
<div class="top-icon-box">
<div id="react-icon" class="top-icon-container">
<img src="assets/img/skill_icons/react.png" class="react-icon">
<div class="icon-style-text" style="margin-top: -20px;">REACT/-NATIVE</div>
</div>
<div id="angular-icon" class="top-icon-container">
<img src="assets/img/skill_icons/angular.svg" class="angular-icon">
<div class="icon-style-text" style="margin-top: 13px">ANGULAR</div>
</div>
<div id="vue-icon" class="top-icon-container">
<img src="assets/img/skill_icons/vue.png" class="vue-icon">
<div class="icon-style-text" style="margin-top: 19px">VUE</div>
</div>
<div id="d3-icon" class="top-icon-container">
<img src="assets/img/skill_icons/d3.png" class="d3-icon">
<div class="icon-style-text" style="margin-top: 12px">D3</div>
</div>
<div id="svelte-icon" class="top-icon-container">
<img src="assets/img/skill_icons/svelte.png" class="svelte-icon">
<div class="icon-style-text" style="margin-top: 11px">SVELTE</div>
</div>
</div>
<div class="top-icon-box">
<div id="rails-icon" class="mid-icon-container">
<img src="assets/img/skill_icons/rails.png" class="rails-icon">
<div class="icon-style-text" style="margin-top: 9px;">RAILS</div>
</div>
<div id="node-icon" class="mid-icon-container">
<img src="assets/img/skill_icons/node.png" class="node-icon">
<div class="icon-style-text" style="margin-top: 13px">NODE</div>
</div>
<div id="feathers-icon" class="mid-icon-container">
<img src="assets/img/skill_icons/feathers.png" class="feathers-icon">
<div class="icon-style-text" style="margin-top: 19px">FEATHERS</div>
</div>
<div id="flask-icon" class="mid-icon-container">
<img src="assets/img/skill_icons/flask.png" class="d3-icon">
<div class="icon-style-text" style="margin-top: 26px">FLASK</div>
</div>
</div>
</div>
<div class="experience-box">
<div class="skills-title" style="color: #191919;">EXPERIENCE</div>
<div class="experience-first">
<div class="job-title">University of Toronto</div>
<div class="position-first">Software Engineering Intern • April 2020 - Sept 2020</div>
<li class="li-experience">Refactored a monolithic app to a <b>Dockerized microservice-based app</b> using <b>Express</b>, and <b>RabbitMQ</b>.</li>
<li class="li-experience">Migrated a <b>RESTful</b> HTTP request architecture to <b>WebSockets</b> using <b>SocketIO</b> to enable real-time interactions. </li>
<li class="li-experience">Enhanced <b>UI/UX</b> of app by designing with <b>MaterialUI</b> and improving interactivity with <b>React Hooks & Redux</b>.</li>
<li class="li-experience">Assisted in implementing a <b>CNN model</b> using <b>OpenCV</b> and <b>PyTorch</b> to predict surgery probability of kidneys.</li>
<li class="li-experience">Implemented <b>blob storage</b>, accessible in a volume between microservices, to store ultrasounds of kidneys.</li>
</div>
<hr class="hr-experience">
<div class="second-box">
<div class="job-title">The Hospital For Sick Children</div>
<div class="position-second">Software Engineering Intern • Sept 2019 - Dec 2019</div>
<li class="li-experience">Produced API test suites to assess the security of RareConnect, and rewrote existing infrastructure upon notice of a vulnerability.</li>
<li class="li-experience">Developed an iOS/Android application to demonstrate push notifications using <b>React-Native</b>, <b>Expo</b>, and <b>Firebase</b>. </li>
<li class="li-experience">Made a progressive web application using <b>AWS</b>, <b>React</b>, <b>FeathersJS</b>, and <b>Docker</b>, that let researchers notify patients of new surveys.</li>
<li class="li-experience">Built a variety of applications for researchers using AWS<b> EC2</b>, <b>Pinpoint</b>, <b>SNS</b>, <b>SES</b>.</li>
<li class="li-experience">Implemented Role-Based Access Control using <b>React-Redux</b> and <b>React-Router</b>.</li>
</div>
<hr class="hr-experience">
<div class="second-box">
<div class="job-title">HealthIM</div>
<div class="position-second">Full Stack Developer • Jan 2019 - April 2019</div>
<li class="li-experience">Configured API routes for every Web, Desktop, Android, and iOS clients on <b>Ruby on Rails</b> backend.</li>
<li class="li-experience">Used modern-web technologies such as <b>React</b>, <b>Angular</b>, and other JavaScript frameworks to create seamless desktop clients.</li>
<li class="li-experience">Improved an existing dashboard using data-visualization technologies, such as <b>D3</b> and ChartJS.</li>
<li class="li-experience">Presented to hospitals, police services, and other relevant stakeholders regarding product lifecycle and requirements.</li>
</div>
<hr class="hr-experience">
<div class="third-experience">
<div class="job-title">Brantford Police Service</div>
<div class="position-third">Web Application Developer • May 2018 - Aug 2018</div>
<li class="li-experience">Used a LAMP stack to produce multiple internal web services, such as a comprehensive CRUD application for administrative purposes.</li>
<li class="li-experience">Primarily constructed an internal dashboard to report internal statistics.</li>
<li class="li-experience">Upon completion of term, I had produced and sold 3 additional web services, each with varying frameworks and technologies.</li>
<li class="li-experience">Interacted with different levels of the police force to produce a functional application service-wide.</li>
</div>
</div>
<div class="skills-box" style="height: 220px;">
<div class="skills-title">FIND ME ON</div>
<div style="width:600px;height: 100px;margin: 0 auto;">
<div class="findme-icon-container">
<img src="assets/img/skill_icons/linkedin.png" style="width: 87px;margin-top: 39px;cursor:pointer;" class="angular-icon" onclick="location.href='https://www.linkedin.com/in/hamza-n-arshad/'">
</div>
<div class="findme-icon-container" >
<img src="assets/img/skill_icons/github.png" style="width: 130px;margin: 10px;cursor: pointer;" class="react-icon" onclick="location.href='https://github.com/hamzanadeveloper'">
</div>
<div class="findme-icon-container">
<img src="assets/img/skill_icons/instagram.png" style="cursor: pointer;" class="vue-icon" onclick="location.href='https://www.instagram.com/hamza_n_a/'">
</div>
</div>
</div>
</body>
</html>