-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
316 lines (281 loc) · 9.83 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Juan-luke Klopper's technical CV</title>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4701543366747911"
crossorigin="anonymous"></script>
</head>
<body>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<div id="app"></div>
<canvas id="background"></canvas>
<main>
<header>
<h1><u>Juan-luke Klopper</u></h1>
<p>
Welcome to my website! Please scroll down, or press the down arrow on
your keyboard to navigate the site.
</p>
</header>
<section>
<h2><u>About me</u></h2>
<p>
I'm a Software engineer based in South Africa who has a passion for
technology, nature and space exploration. I have years of experience
with programming between academia and real world projects, I'm
currently building the future of the decentralised web at
<a href="https://www.whispernode.com/">Whispernode</a>, I have also
designed and developed a fully automated IOT system for
<a
href="https://web.facebook.com/Querencia-Organic-Snails-SA-103960832043020/"
>Querencia organic snails SA.</a
>
</p>
<p>
I'm a mathamatically minded person, who can analyze complex problems
and break them down into smaller more managable pieces.
</p>
</section>
<blockquote>
Programming is 10% writing code and 90% understanding why it's not
working.
</blockquote>
<section>
<h2><u>Education</u></h2>
<h3>North-West University</h3>
<h4>Bachelor of science in Information Technology.</h4>
<ul>
<li>Data structures and algorithms</li>
<li>Object oriented programming</li>
<li>Advanced UI programming</li>
<li>Structured programming</li>
<li>Artificial Intelligence</li>
<li>Information Security</li>
</ul>
<h3>Other courses and certification</h3>
<ul>
<li>
Using Python to Interact with the Operating System by
<a
href="https://www.coursera.org/account/accomplishments/certificate/YAUWJZU276CD"
>Google</a
>
</li>
<li>
Crash Course on Python by
<a
href="https://www.coursera.org/account/accomplishments/certificate/NYS362G8ZHXB"
>Google</a
>
</li>
<li>
Troubleshooting and Debugging Techniques by
<a
href="https://www.coursera.org/account/accomplishments/certificate/5VFFPKFQRTYC"
>Google</a
>
</li>
<li>
Introduction to Git and GitHub by
<a
href="https://www.coursera.org/account/accomplishments/certificate/ES8DTPHNQ3UC"
>Google</a
>
</li>
<li>
Blockchain Basics by
<a
href="https://www.coursera.org/account/accomplishments/certificate/96FYJPGL2B95"
>University at Buffalo</a
>
</li>
<li>
PRDV151: Bitcoin for Everybody by
<a
href="https://certificates.saylor.org/79d0282d-db0e-4b1b-90bc-e427b91a1e56#gs.ptmyck"
>Saylor.org Academy</a
>
</li>
<li>
Plutus/Haskell by
<a
href="https://www.smartcertificate.com/GetFile.aspx?ft=Custom3&fileGuidId=1%7c9b222906-8427-42ec-a515-f5200a92f728%7c32197d20-b939-4450-b33a-471b039336f7"
>European Business University Luxembourg</a
>
</li>
<li>
Currently ranked in the top 7% of users all time on
<a href="https://tryhackme.com/p/jlklopper18"> TryHackMe </a>
</li>
</ul>
</section>
<section>
<h2><u>Technologies I use regularly</u></h2>
<h3>Programming languages</h3>
<ul>
<li>Rust</li>
<li>JavaScript</li>
<li>Ruby</li>
<li>Python</li>
<li>Bash</li>
</ul>
<h3>Frameworks and Libraries</h3>
<ul>
<li>Svelte</li>
<li>React</li>
<li>Vue</li>
<li>Ruby on Rails</li>
<li>Yew</li>
<li>React Native</li>
</ul>
<h3>Cloud Providers</h3>
<ul>
<li>Amazon web services</li>
<li>OVHCloud</li>
<li>Linode</li>
<li>Leaseweb</li>
</ul>
<h3>Other Technologies</h3>
<ul>
<li>Linux</li>
<li>Git & Github</li>
<li>Github actions for CI/CD</li>
<li>Cosmwasm Smart Contracts</li>
<li>Netlify</li>
<li>Langchain & OpenAI</li>
<li>Web Assembly</li>
<li>Neovim</li>
<li>Discord</li>
<li>Telegram</li>
<li>IPFS</li>
</ul>
</section>
<section>
<h2><u>Technologies I used in the past</u></h2>
<h3>Programming languages</h3>
<ul>
<li>Solidity</li>
<li>Haskell</li>
<li>Scratch</li>
<li>Delphi</li>
</ul>
<h3>Frameworks and Libraries</h3>
<ul>
<li>Ethers.js</li>
<li>Thirdweb.js</li>
<li>Web3.js</li>
<li>Secret.js</li>
</ul>
<h3>Other Technologies</h3>
<ul>
<li>Plutus Smart Contracts</li>
<li>Vercel</li>
<li>Arduino</li>
<li>Visual studio code</li>
<li>Home Assistant</li>
<li>Nix</li>
<li>ESPHome</li>
</ul>
</section>
<blockquote>
Programming isn't about what you know, it's about what you can figure
out. - Chris Pine
</blockquote>
<section>
<h2><u>Projects</u></h2>
<h3>IOT irrigation system</h3>
<p>
I have planned, constructed and programmed an automated IOT watering
system for Querencia organic snails SA. This system is composed of a
Raspberry pi 4 as a HomeAssistant server, Sonoff WiFi switches, and a
custom made data logging device.
</p>
<p>
This system provides a dashboard which controls 2 borehole pumps, 4
solinoids and monitors a float switch. It ensures that the farms water
tank always contains water, that the crops are watered at set times of
day for a set amount of minutes, and collects data from the crops.
This system can also be controlled and viewed remotely.
</p>
<p>
The custom data logger device takes readings of the temperature, the
humidity and the level of moisture in soil. This device was rapidly
prototyped using an Arduino Uno and later improved to use a ESP32
microcontroller.
</p>
<h3>Anons S2 NFT collection</h3>
<p>
Team member involved in the development for the Anons S2 NFT
collection. I was part of the smart contact dev team, and built the
moderator bot for the Proof of Anons telegram group.
</p>
<p>
This collection not only sold out during the 2022 bear market, but did
so in under 72 hours!
</p>
</section>
<blockquote>
First, solve the problem. Then, write the code. - John Johnson
</blockquote>
<section>
<h2>Explore my works as well as projects which I was involved</h2>
<ul>
<li><a href="https://anons.army/">Anons S2 NFT collection</a></li>
<li>
<a href="https://juan-lukeklopper.github.io/Exploring_the_tech_frontier/"
>Exploring the tech frontier (My tech blog)</a
>
</li>
<li>
<a
href="https://philanthropy-matrix.vercel.app/"
>A Charity donation tokenisation platform </a
>
</li>
<li>
<a href="https://mainnet.whispernode.com/"
>A cosmos ecosystem block explorer with a custom theme</a
>
</li>
</ul>
</section>
<blockquote>
Whether you want to uncover the secrets of the universe, or you just
want to pursue a career in the 21st century, basic computer programming
is an essential skill to learn. - Steven Hawking
</blockquote>
<section>
<h2><u>Contact details</u></h2>
<p>You can contact me at the links below.</p>
<a
href="https://www.linkedin.com/in/juan-luke-klopper-81ab35219"
class="fa fa-linkedin"
></a>
<a href="https://twitter.com/Luke58889036" class="fa fa-twitter"></a>
<a
href="https://www.instagram.com/luke_the_legend/"
class="fa fa-instagram"
></a>
<a href="https://t.me/Luke_the_legend" class="fa fa-telegram"></a>
<a href="https://github.com/Juan-LukeKlopper" class="fa fa-github"></a>
</section>
<section style="margin-bottom: 0">
<h4 class="goodbye">Thanks for visiting my website.</h4>
<a
href="./Juan-lukeKlopperResume.pdf"
download="Juan-luke Klopper Resume"
>Feel free to take a copy of my resume on the way out by clicking here
(65.8 KB)</a
>
</section>
</main>
<script type="module" src="/main.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r79/three.min.js"></script>
</body>
</html>