-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
233 lines (224 loc) · 11.4 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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-139264136-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-139264136-1');
</script>
<meta name="keywords"
content="Jake,Jacob,Chambers,wisesheets,jacobchambers, jake_chambers12,jake-chambers,Toronto,Software,Engineering,professional,employee">
<meta name="description" content="Hi, my name is Jake. Welcome to my website.">
<link rel="icon" href="./Version1/assets/favicon.png" type="image/gif" sizes="16x16">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Jake Chambers</title>
<link rel="stylesheet" href="./reset.css">
<link rel="stylesheet" href="./Version2/styles.css">
</head>
<body>
<div id="welcome">Welcome.</div>
<div id="content">
<div id="first">
<div id="introduction">
<div>Jake Chambers</div>
<span>Software Engineer</span>
</div>
</div>
<div id="second">
<div id="column-1">
<div id="card">
<span>Introduction</span><br>
<div>
I am a solution driven software engineer looking to increase versatility through project
involvement. I have full
stack experience in designing and implementing web-applications and have work experience in the
field of application
security.
<br>
<br>
Aside from my technical abilities, I am a very sociable person and love to stay active. I am a
strong believer in
putting everything you've got into everything you do. I enjoy picking up new skills, and
polishing
existing skills to
become the best all-around person I can be.
<br>
<br>
<ul id="qualities">
<li>I love to problem solve.</li>
<li>I have a very high attention to detail.</li>
<li>I strive to create something I'm proud of.</li>
<li>I try to learn something everyday.</li>
</ul>
</div>
</div>
</div>
<div id="column-2">
<img src="./Version1/assets/linkedinPic.jpg">
</div>
</div>
<div id="fourth">
<div class="header">
<p>Projects</p>
<div id=separator></div>
</div>
<div id="projects">
<div class="card">
<div class="card-title">
Liferoll (2021)
</div>
<div class="card-content">
<div class="card-description">
Co-founded a product that innovates on the concept of a story by making it more vivid, effortless to create, and private by default.
These simple changes have led to members sharing much more, with the right people.
Today, people are using Liferoll to curate their favorite quotes, build memories in groups,
achieve goals with friends, and so much more.
See <a style = 'color: white' target="_blank" href = "https://www.liferoll.co"> https://www.liferoll.co</a>.
</div>
<img src="Version2/assets/liferoll-splash.png">
</div>
</div>
<div class="card">
<div class="card-title">
Wisesheets
</div>
<div class="card-content">
<div class="card-description">
Co-founded a product that looks to optimize common day-to-day investor workflows.
Our first solutions focus on cutting the time that investors spend gathering data for their financial analysis.
We have built a version for Google Sheets as well as an Excel add-in.
See <a style = 'color: white' target="_blank" href = "https://wisesheets.io"> https://wisesheets.io</a>.
</div>
<img src="Version2/assets/wisesheets-splash.jpeg">
</div>
</div>
<div class="card">
<div class="card-title">
eMotionaL
</div>
<div class="card-content">
<div class="card-description">
Awarded most innovative project. Fourth year capstone project that can predict human emotion
through vocal input using
machine learning techniques (Keras & Tensorflow). This project set out to determine the
emotion of the user based on only vocal analysis. To do this a convolutional
neural network was used to train a model that could predict emotions with ~%80 accuracy.
</div>
<img src="Version2/assets/emotional.gif">
</div>
</div>
<div class="card">
<div class="card-title">
HowMuch
</div>
<div class="card-content">
<div class="card-description">
I used to work as a developer at an investment company. I had the opportunity to fiddle
around with a lot of data
regarding stocks, bonds, etc. I was interested in what the returns would be today if you
invested in certain stocks at
some past date. There was no application online that I found that could do that, so I built one myself.
</div>
<img src="Version2/assets/howmuch.png">
</div>
</div>
<div class="card">
<div class="card-title">
Dolphin.io
</div>
<div class="card-content">
<div class="card-description">
Dolphin was intended to solve the issue of sending money to your peers when you don't have a
data connection available
or WiFi. The transactions are sent over sound and received on the peers device and
processed later once connected to
the internet. Dolphin uses an API created by Aut/Users/jacobchambers/Desktop/jake-chambers.github.io/index.htmlrize.net in order to achieve a sandbox
environment for money tranfers.
Dolphin was awarded best API use at Hack Western 5.
</div>
<img src="Version2/assets/dolphin.gif">
</div>
</div>
<div class="card">
<div class="card-title">
jwt-fun
</div>
<div class="card-content">
<div class="card-description">
This was a simple project that utilizes JWT and protected routes. Uses SSL by
generating server side certificate, and uses express to serve all static files from backend.
Queries MongoDB for authentication and generates (upon login success) server side JWT for
authorization/session management.
</div>
<img src="Version2/assets/auth.png">
</div>
</div>
<div class="card">
<div class="card-title">
AWS 2.0
</div>
<div class="card-content">
<div class="card-description">
This project was created to demonstrate how cloud computing platforms work and to
familiarize myself with deployments on Azure. Three deployments were issued. The frontend
server was accessible by the public web, while the database and cloud usage monitor servers were
behind a private network. Users can create virtual machines, monitor usage, and change VM
configurations.
</div>
<img src="Version2/assets/aws.gif">
</div>
</div>
<div class="card">
<div class="card-title">
BB's Regional Roofing
</div>
<div class="card-content">
<div class="card-description">
A contract website developed for a local home-construction company. Developed with
google analytics and SEO best practices to ensure maximum exposure.
See <a style = 'color: white' target="_blank" href = "https://www.bbsregionalroofing.ca">www.bbsregionalroofing.ca</a>.
</div>
<img src="Version2/assets/logo.png">
</div>
</div>
</div>
</div>
<div id="third">
<div id="connect-1">
<a href="https://github.com/jake-chambers" target="_blank"><img id="github"
src="./Version1/assets/github.png"></a>
<div>
My projects.
</div>
</div>
<div id="connect-2">
<a href="https://www.linkedin.com/in/jake-chambers-/" target="_blank"><img id="linkedIn"
src="./Version1/assets/linkedin.png"></a>
<div>
Let's connect.
</div>
</div>
<div id="connect-3">
<a href="./Version1/assets/jakes-resume.pdf" target="_blank"><img id="resume"
src="./Version1/assets/resume.png"></a>
<div>
See resume.
</div>
</div>
</div>
<div id="footer">
<div>
© 2019 jake-chambers.github.io • <a href="Version1/index.html">See Version 1</a>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://unpkg.com/imagesloaded@4/imagesloaded.pkgd.min.js"></script>
<script src="./scripts.js"></script>
</body>
</html>