-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
206 lines (205 loc) · 15.8 KB
/
Copy pathindex.html
File metadata and controls
206 lines (205 loc) · 15.8 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ambareesh Balaji</title>
<link href="styles.css" rel="stylesheet">
<link href="./font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link rel="apple-touch-icon" sizes="57x57" href="apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="manifest.json">
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date(); a = s.createElement(o),
m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-90754770-1', 'auto');
ga('send', 'pageview');
</script>
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<div id="party">
<div style="position: absolute;left:calc(50% + 20px);top: 75px">
<div style="position: relative;left: -50%;transform: scale(-1,1);">
<img src="images/shades-min.png" height="15px">
</div>
</div>
<div style="position: absolute;left:calc(50% + 8px);top: 0px;">
<div style="position: relative;left: -50%">
<img src="images/hat-min.png" width="120px">
</div>
</div>
<div style="position: absolute;left:calc(50% + 6px);top: 150px;">
<div style="position: relative;left: -50%">
<img src="images/chain-min.png" height="90px">
</div>
</div>
</div>
<img class="picture mv1" alt="Ambareesh Balaji" src="images/me-min.png" id="me">
<div class="dark text-center f1rem white fira mpv1">
<div class="fw3 f1">Ambareesh "Amby" Balaji</div>
<div class="f125rem">Work hard, rest hard</div>
<div class="flex-center inline-flex">
<a href="https://github.com/Ambyjkl" target="_blank">
<i class="fa dim fa-github fa-2x" title="GitHub"></i>
</a>
<span class="mx05 f2">•</span>
<a href="https://devpost.com/Ambyjkl" target="_blank">
<i class="devpost"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 280.3 242" xml:space="preserve">
<g>
<path d="M133.7,76H118v90h14.7c30.9,0,45.1-18.1,45.1-45C177.8,90.9,164.9,76,133.7,76z"/>
<path d="M210.2,0H70.1L0,121l70.1,121h140.1l70.1-121L210.2,0z M132.7,195H89V47h45.8c42.1,0,73.3,20.1,73.3,74 C208.1,172.8,170.6,195,132.7,195z"/>
</g>
</svg></i>
</a>
<span class="mx05 f2">•</span>
<a href="https://www.facebook.com/ambareesh.balaji" target="_blank">
<i class="fa dim fa-facebook-square fa-2x" title="Facebook"></i>
</a>
<span class="mx05 f2">•</span>
<a href="https://twitter.com/AmbareeshBalaji" target="_blank">
<i class="fa dim fa-twitter fa-2x" title="Twitter"></i>
</a>
<span class="mx05 f2">•</span>
<a href="https://www.linkedin.com/in/ambyjkl" target="_blank">
<i class="fa dim fa-linkedin fa-2x" title="LinkedIn"></i>
</a>
<span class="mx05 f2">•</span>
<a href="mailto:ambareeshbalaji@gmail.com" target="_blank">
<i class="fa dim fa-envelope-square fa-2x" title="Email"></i>
</a>
</div>
</div>
<div class="mt-center">
<a href="#show-resume">
<div id="show-resume" class="resume-button fw5 f3">
Show Resume
</div>
</a>
<a href="./resume.pdf" download="Ambareesh_Balaji_Resume.pdf">
<div class="resume-button fw5 f3">
Download Resume as PDF
</div>
</a>
</div>
<div id="resume" class="letter"><section class="mb1 text-center"><div class="f1 fw3">Ambareesh (Amby) Balaji</div><div class="fira"><a href="http://ambyjkl.me" target="_blank"><div class="dib"><i class="fa fa-globe"></i> ambyjkl.me</div></a><a class="ml10pt" href="mailto:a3balaji@edu.uwaterloo.ca" target="_blank"><div class="dib"><i class="mr3pt fa fa-envelope"></i>a3balaji@edu.uwaterloo.ca</div></a><a class="ml10pt" href="https://github.com/Ambyjkl" target="_blank"><div class="dib"><i class="mr3pt fa fa-github"></i>ambyjkl</div></a><a class="ml10pt" href="https://www.linkedin.com/in/ambyjkl" target="_blank"><div class="dib"><i class="mr3pt fa fa-linkedin"></i>ambyjkl</div></a></div></section><section class="mb1"><div class="mb2 f2 italic gg-underline fw5">Technical Skills</div><p><span class="fira fw5 mr8pt">Languages:</span><span>JavaScript, CSS3, SASS, SVG, HTML5, C++, C, Scala, Rust, Python, OCaml, Haskell</span><br><span class="fira fw5 mr8pt">Tools and Frameworks:</span><span>React, Redux, Vue, Node.js, GraphQL, Unix, MongoDB, AWS, Docker</span></p></section><section class="mb1"><div class="mb2 f2 italic gg-underline fw5">Work Experience</div><section class="mb2"><div class="f3 mv2 between"><div class="flex-center"><div class="f3 fw5">Embedded Systems Developer</div><div class="desc"><a href="https://teamwaterloop.ca" target="_blank">Waterloop, UWaterloo's Hyperloop Initiative <i class="fa fa-globe"></i></a></div></div><span class="italic fira">Oct 2017—present</span></div><ul><li>Working on a custom implementation of the <b>C++</b> STL considering the memory limitations of the <b>Arduino</b></li><li>Implementing a <b>state management</b> system for communication among pod subsystems and the station</li></ul></section><section class="mb2"><div class="f3 mv2 between"><div class="flex-center"><div class="f3 fw5">Freelance Web Developer</div><div class="desc"><a href="https://cigihub.github.io/2017annualreport/#/?slide=0" target="_blank">CIGI - City of Waterloo, Waterloo, ON <i class="fa fa-globe"></i></a></div></div><span class="italic fira">Sep 2017—present</span></div><ul><li>Built a <b>2.5D interactive</b> timeline visualizer from scratch, using only vanilla <b>JavaScript</b>, <b>SVG</b>, and <b>SCSS</b></li><li>Implemented mouse, touch, and keyboard <b>gestures</b>, and <b>progressive loading</b> of high resolution images</li><li>Utilized cutting-edge web technologies like <b>CSS Grid</b>, with polyfills for supporting older browsers</li></ul></section><section class="mb2"><div class="f3 mv2 between"><div class="flex-center"><div class="f3 fw5">Software Developer</div><div class="desc"><a href="https://rangle.io" target="_blank">Rangle.io, Toronto, ON <i class="fa fa-globe"></i></a></div></div><span class="italic fira">May—Aug 2017</span></div><ul><li>Built <b>React components</b>, and <b>REST APIs</b> and <b>Mongoose</b> models for a <b>Node.js/Koa</b> backend to track staffing excesses and deficits, saving the management significant amount of <b>time</b> and <b>money</b> long-term</li><li>Revamped <b>Redux</b> reducers and moved computation-heavy logic to the backend, improving performance</li><li>Wrote unit tests using <b>Mocha/Chai</b>, <b>Enzyme</b>, and <b>Sinon</b>, and improved code coverage from 75% to 85%</li><li>Implemented testing branch builds, deployed them on <b>AWS EC2</b> in <b>Docker</b> containers with <b>CircleCI</b> integration, and worked on <b>OAuth2</b> implementation on the main server for their authentication</li><li>Improved <b>Webpack</b>, <b>Babel</b>, and <b>Docker</b> configs for more efficient development, testing, and deployment</li></ul></section></section><section class="mb1"><div class="mb2 f2 italic gg-underline fw5">Projects</div><section class="mb2"><div class="f3 mv2 between"><div class="flex-center"><div class="f3 fw5">Jam Buddy</div><div class="desc">React, Redux, WebAudio API, Synaptive.js</div></div><span class="italic fira">Oct 2017—present</span></div><ul><li>Working on an <b>automatic karaoke</b> web-app that auto-generates a background track for the user's voice</li><li>Using <b>autocorrelation</b> to determine the musical note using the dominant frequency in the user's voice</li><li>Training a <b>neural network</b> to guess the musical scale from the musical notes and the rhythym</li></ul></section><section class="mb2"><div class="f3 mv2 between"><div class="flex-center"><a href="https://www.devpost.com/software/sign-language-translator" target="_blank"><span class="f3 fw5">Sign Language Translator</span> <i class="fa fa-globe"></i></a><div class="desc">Python2.7, Leap Motion Orion SDK</div></div><span class="italic fira">Nov 2016</span></div><ul><li>Worked on an <b>American Sign Language</b> to speech translator using a <b>Leap Motion</b> sensor</li><li>Implemented algorithms that interpreted <b>hand gestures</b> using <b>linear algebra</b> to generate English words</li><li>Helps the hearing and speech impaired <b>better communicate</b> with people not aware of ASL</li><li>Won <b>First Place</b> and "<b>Most Innovative Hack</b>" awards at EC Hacks 2016, Trent University, Peterborough</li></ul></section></section><section class="mb1"><div class="mb2 f2 italic gg-underline fw5">Activities</div><section class="mb2"><ul><li>Marking Teaching Assistant for <b>MATH 124</b>, University of Waterloo</li><li><b>WEEF</b> Committee Member, University of Waterloo</li></ul></section></section><section class="mb1"><div class="mb2 f2 italic gg-underline fw5">Education</div><section class="mb2"><div class="f3 mv2 between"><div class="flex-center"><a href="https://uwaterloo.ca" target="_blank"><span class="f3 fw5">University of Waterloo</span> <i class="fa fa-globe"></i></a><span class="desc"><a href="https://uwaterloo.ca/software-engineering/about-software-engineering">Bachelor of Software Engineering (BSE) - 2A term</a></span></div><span class="italic fira exp">Sep 2016—Apr 2021</span></div><p><span class="fira">Cumulative GPA:</span> 3.95/4.0</p><ul><li><b>Dean's Honours List</b>: Fall 2016, Winter 2017</li><li>Faculty of Mathematics <b>National Scholarship</b> ($12000), one of 12 Canada-wide</li></ul></section></section></div>
<div class="dark text-center f1rem white mpv1">
<div class="fw3 f1">Work Experience</div>
<div class="flex-container">
<div class="flex-item">
<div>
<img class="picture mv1" alt="Rangle.io" usemap="#rangle" src="https://pbs.twimg.com/profile_images/746353709370642432/p_9JOhdM.jpg">
<map name="rangle">
<area shape="rect" coords="0,0,200,200" href="https://rangle.io" target="_blank">
</map>
</div>
<div class="f2">
<a class="dim" href="https://rangle.io" target="_blank">Rangle.io</a>
</div>
<div class="f3 white fw3">
Software Developer | May - August 2017
</div>
<div class="mw500">Worked with Modern JavaScript technologies like Babel, React, Redux, Webpack, and Node.js/Koa to deliver high quality web applications to clients</div>
</div>
<div class="flex-item">
<div>
<img class="picture mv1" alt="CIGI" usemap="#cigi" src="https://pbs.twimg.com/profile_images/796788402259509248/wpPOVK8_.jpg">
<map name="cigi">
<area shape="rect" coords="0,0,200,200" href="https://cigihub.github.io/2017annualreport/#/?slide=0" target="_blank">
</map>
</div>
<div class="f2">
<a class="dim" href="https://cigihub.github.io/2017annualreport/#/?slide=0" target="_blank">Centre for International Governance Innovation</a>
</div>
<div class="f3 white fw3">
Freelance Web Developer | Sep 2017 - Present
</div>
<div class="mw500">
Utilized vanilla JavaScript and SVG to create an interactive timeline visualizer as part of an Annual Report website
</div>
</div>
</div>
</div>
<div class="dark text-center f1rem white mpv1">
<div class="fw3 f1">My Projects</div>
<div class="flex-container">
<div class="flex-item">
<div>
<img class="picture mv1" alt="handle" usemap="#handle" src="https://firefly-challengepost.netdna-ssl.com/usercontent/fill/333/222/cGhvdG9zL3Byb2R1Y3Rpb24vc29mdHdhcmVfdGh1bWJuYWlsX3Bob3Rvcy8wMDAvNDYwLzMyOC9kYXRhcy9vcmlnaW5hbC5wbmc=/Logo.png?signature=8d2cba7eb9d6e10bdb853e4cea77a4df5e9da2f4">
<map name="handle">
<area shape="rect" coords="0,0,200,200" href="https://www.devpost.com/software/handle" target="_blank">
</map>
</div>
<div class="f2">
<a class="dim" href="https://www.devpost.com/software/handle" target="_blank">handle</a>
</div>
<div class="f3 white fw3">
React Native, Node.js, Firebase
</div>
<div>Let someone else handle your shopping for you!</div>
</div>
<div class="flex-item">
<img class="picture mv1" alt="Sign Language Translator" usemap="#Sign Language Translator" src="https://firefly-challengepost.netdna-ssl.com/usercontent/fill/333/222/cGhvdG9zL3Byb2R1Y3Rpb24vc29mdHdhcmVfdGh1bWJuYWlsX3Bob3Rvcy8wMDAvNDM2LzExOS9kYXRhcy9vcmlnaW5hbC5qcGc=/14954275_1613556988670749_1682290441_o.jpg?signature=cb52245ebb7fdd313d42c12fc49a9948c9e6fa70">
<map name="Sign Language Translator">
<area shape="rect" coords="0,0,200,200" href="https://www.devpost.com/software/sign-language-translator" target="_blank">
</map>
<div class="f2">
<a class="dim" href="https://www.devpost.com/software/sign-language-translator" target="_blank">Sign Language Translator</a>
</div>
<div class="f3 white fw3">
Python, Leap Motion SDK
</div>
<div>Translates American Sign Language to English using a Leap Motion sensor</div>
</div>
<div class="flex-item">
<img class="picture mv1" alt="ASCIInator" id="ASCIInator" usemap="#ASCIInator" src="images/asciinator.png">
<map name="ASCIInator">
<area shape="rect" coords="0,0,200,200" href="https://www.github.com/YashMathur/ASCIInator" target="_blank">
</map>
<div class="f2">
<a class="dim" href="https://www.github.com/YashMathur/ASCIInator" target="_blank">ASCIInator</a>
</div>
<div class="f3 white fw3">
Python, python-pillow
</div>
<div>Converts images to ASCII art/pixel art</div>
</div>
<div class="flex-item">
<img class="picture mv1" alt="HyperSpace" id="HyperSpace" usemap="#HyperSpace" src="images/hyperspace.png">
<map name="HyperSpace">
<area shape="rect" coords="0,0,200,200" href="https://www.github.com/Ambyjkl/HyperSpace" target="_blank">
</map>
<div class="f2">
<a class="dim" href="https://www.github.com/Ambyjkl/HyperSpace" target="_blank">HyperSpace</a>
</div>
<div class="f3 white fw3">
C++, OpenGL, Arduino
</div>
<div>Shoot-em-up game using OpenGL with Tiva Launchpad + Orbit BoosterPack as controller</div>
</div>
</div>
</div>
<script src="script.js"></script>
<div class="dark text-center white mpv1 f125rem fira">
<span class="fw5">Contact Me:</span> <a href="tel:+15195021378" class="dim" target="_blank">+1 (519) 502-1378</a>
</div>
</body>
</html>