-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
373 lines (364 loc) · 18.2 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
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Joseph Reeve</title>
<link rel="stylesheet" href="style.css">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LRH4KC06NV"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-LRH4KC06NV');
</script>
</head>
<body>
<div class="hero">
<nav class='links'>
<a href="https://simpleanalytics.com/simmsreeve.com" target="_blank" class='overline'>Analytics</a>
</nav>
<div class="middle">
<div class="left">
<img src="https://res.cloudinary.com/gived/image/upload/v1590577099/handbookpls/1590577098630.jpg"
alt="Joe Reeve">
</div>
<div class="right">
<h2>Joseph Reeve</h2>
<h1 id='role'><span style='float:right;'> </span></h1>
</div>
</div>
</div>
<div class="links">
<a href="#projects" class='overline'>Recent Projects</a>
<a href="#communities" class='overline'>Communities</a>
<a href="#experience" class='overline'>Experience</a>
<a href="#links" class='overline'>Links</a>
</div>
<div class="page" id='projects'>
<h1>Recent Projects</h1>
<div class="overline center">As Seen In</div>
<div class="icons">
<a target='_blank'
href="https://techcrunch.com/2020/03/27/uk-tech-industry-forms-code4covid-org-to-fight-the-coronavirus-crisis">
<img src="img/techcrunch.png" alt="TechCrunch">
</a>
<a target='_blank'
href="https://www.vice.com/en_us/5dm4mb/people-are-trying-to-make-diy-ventilators-to-meet-coronavirus-demand">
<img src="img/vice.png" alt="Vice">
</a>
<a target='_blank' href="https://www.bbc.co.uk/sounds/play/w3csy67r">
<img src="img/bbc.png" alt="BBC">
</a>
<a target='_blank' href="http://gizmodo.com/technologists-are-crowdsourcing-a-coronavirus-handbook">
<img src="img/gizmodo.png" alt="Gizmodo">
</a>
</div>
<a href="https://pubtable.app" target='_blank'>
<h2>
PubTable
<div>
<span class="overline green">>30k Users</span>
<span class="overline yellow">Team Size 5</span>
</div>
</h2>
</a>
<p>Using the remaining money earned through JoeDocs, my team and I built
PubTable, offering free tools to over 80 pubs, bars, and other venues around the UK that helped them re-open
safely to over 30k guests.</p>
<a href="https://JoeDocs.com" target='_blank'>
<h2>
JoeDocs
<div>
<span class="overline green">>600k Users</span>
<span class="overline yellow">Team Size 5</span>
</div>
</h2>
</a>
<p>Originally running on Google Docs and HandbookPls, the CoronavirusTechHandbook quickly reached Google Doc's
soft limits (100 concurrent editors and 10k viewers/month). I, the project's CTO, was tasked with finding a
way around these limits. It was clear that Operational Transform (Google Docs, Ether Pad, etc.)
was never going to scale to the level we needed it to, so opted to develop a full editing experience based
on CRDT. The JoeDocs team and product were built and launched in under a month using some money from the
CoronavirusTechHandbook.
</p>
<a href="https://CoronavirusTechHandbook.com" target='_blank'>
<h2>
CoronavirusTechHandbook
<div>
<span class="overline green">>700k Users</span>
<span class="overline yellow">Team Size 7</span>
</div>
</h2>
</a>
<p>Before the UK lock-downs, I helped create the CoronavirusTechHandbook. We raised $100k from NESTA and
GrantForTheWeb to develop the base technology and content for the handbook. The handbook had great impact,
reaching hundreds of thousands of people around the world, and connecting domain experts from different
fields who shared ideas and innovated in cross-domain projects.</p>
<a href="https://Huddled.io" target='_blank'>
<h2>
Huddled
<div>
<span class="overline green">Not Yet Launched</span>
<span class="overline yellow">Team Size 4</span>
</div>
</h2>
</a>
<p>We found that JoeDocs' presence indicators had a profound impact on people's emotional reaction when viewing
the documents. They add social proof improve retention on most websites, so we decided to build and launch a
product out of the existing IP.</p>
<a href="https://XRca.de" target='_blank'>
<h2>
XRca.de
<div>
<span class="overline green">>50k Users</span>
<span class="overline yellow">Team Size 2</span>
</div>
</h2>
</a>
<p>As a fun side-project with my friend <a target='_blank' href='http://www.espruino.com/'>Gordon Williams</a>,
I built a directory of great WebVR games. This was designed to be viewed in an Oculus Quest, but the games
work on most VR headsets.</p>
<a href="https://ElectionTechHandbook.uk" target='_blank'>
<h2>
ElectionTechHandbook
<div>
<span class="overline green">>50k Users</span>
<span class="overline yellow">Team Size 3</span>
</div>
</h2>
</a>
<p>Before the 2019 election, myself and a group of friends created a collection of Google Docs to serve as a
knowledge-base and community hub for technologists building tools related to politics and the election. I
made HandbookPls, which allowed us to add domain names, analytics, and tabs to the Google Documents. This
allowed the website to become viral, reaching tens of thousands of political technologists around the UK.
</p>
<a href="https://HandbookPls.com" target='_blank'>
<h2>
HandbookPls
<div>
<span class="overline green">>100k Users</span>
<span class="overline yellow">Team Size 3</span>
</div>
</h2>
</a>
<p>HandbookPls is a utility for creating navigable websites out of Google Documents. It allows users to add
domain names, analytics, tabs, and social-media sharing metadata.</p>
</div>
<div class="page" id='communities'>
<h1>Communities</h1>
<div class="overline center">As Seen In</div>
<div class="icons">
<a target='_blank'
href="https://www.journalism.co.uk/news/new-grassroots-group-aims-to-bridge-gap-technology-to-newsrooms/s2/a744360/">
<img src="img/journalism.gif" alt="Journalism.co.uk">
</a>
<a target='_blank' href="https://www.hackathon.com/event/hackthepress-hackathon--2-84744381727">
<img src="img/hackathon.svg" alt="Hackathon.com">
</a>
<a target='_blank' href="https://CoronavirusTechHandbook.com">
<img src="img/cth.png" alt="CoronavirusTechHandbook.com">
</a>
<a target='_blank' href="https://HackThePress.org">
<img src="img/hackthepress.png" alt="HackThePress">
</a>
</div>
<a href="https://HackThePress.org" target='_blank'>
<h2>
HackThePress
<div>
<span class="overline green">>400 Members</span>
<span class="overline yellow">3 Hackathons, 6 meetups</span>
</div>
</h2>
</a>
<p>After my previous startup - Della - I decided to work on social-good projects. I decided to focus my efforts
on the news/media industry. I spent a year researching the industry and, as part of the research, developed
a community of technologists passionate about fixing news.
Under this brand, so far, I have run two hackathons and 6 meetups.</p>
<a href="https://ToryTechs.uk" target='_blank'>
<h2>
ToryTechs
<div>
<span class="overline green">>200 Members</span>
<span class="overline yellow">1 Hackathon, 2 meetups</span>
</div>
</h2>
</a>
<p>Disappointed by the lack of balance in the political technology sector, I decided to build a community of
conservative technologists. We ran a successful hackathon and a couple of meetups before the Coronavirus
pandemic forced us to stop. We are still deciding what to do with the brand going forwards.</p>
<a href="https://https://www.meetup.com/svelte/" target='_blank'>
<h2>
Svelte LDN
<div>
<span class="overline green">>200 Members</span>
<span class="overline yellow">3 meetups</span>
</div>
</h2>
</a>
<p>I love <a target='_blank' href='https://svelte.dev'>Svelte</a>. When I love things, I like to talk about
them. The problem is, most web developers love React while Svelte is for React-skeptics. I helped run two
Svelte LDN events before the Coronavirus pandemic.</p>
<h2>
Penn Photography
<div>
<span class="overline green">>600 Members</span>
<span class="overline yellow">15 meetups</span>
</div>
</h2>
<p>I wanted to learn more about photography, so I arranged photo-shoots in public places and invited
other photographers to join me. I ended up being coached by some of the best
professional photographers in the area.</p>
<a target='_blank' href='https://www.meetup.com/marlow-dev/'>
<h2>
Marlow[dev]
<div>
<span class="overline green">>500 Members</span>
<span class="overline yellow">8 meetups</span>
</div>
</h2>
<p>
SquaredUp (where I was working at the time) sponsored me and a colleague to run regular tech meetups in
Marlow. We ran 8 very successful events, with some great speakers. I eventually stopped running
Marlow[dev]
when I left the company.
</p>
</div>
<div class="page" id='experience'>
<h1>Experience</h1>
<div class="icons">
<a target='_blank' href="https://gived.org">
<img src="img/gived.png" alt="Gived.Org">
</a>
<a target='_blank' href="https://della.hu">
<img src="img/della.png" alt="Della.hu" style='height:50px;width:50px;'>
</a>
<a target='_blank' href="https://pubtable.app">
<img src="img/pubtable.svg" alt="PubTable">
</a>
<a target='_blank' href="https://metdesk.com">
<img src="img/metdesk.png" alt="MetDesk">
</a>
</div>
<h2>
Gived Innovation
<div>
<span class="overline green">Founder</span>
<span class="overline yellow">Built Team of 5</span>
</div>
</h2>
<p>I founded Gived as an umbrella for the output from research I was conducting at LCPT into ways we could
improve the monetisation of news/media/journalism. When the Coronavirus pandemic hit, we changed focus to
help provide tools for individuals and businesses affected.</p>
<h2>
Consulting
<div>
<span class="overline green">Principal Consultant</span>
<span class="overline yellow">Over 10 Projects</span>
</div>
</h2>
<p>My consulting has helped pay for my start-up habit. I’ve worked with small businesses and large charities to
help them develop digital strategies and products.<br />
<br /><strong>RSPB –</strong> Advised on steps to become an environmental sector “Technology Leader”, they
then
asked my team to implement a number of the recommendations we made.
<br /><strong>CommerceTest –</strong> R&D of software development tooling, much of this has been published
academically
<br /><strong>BlueSky –</strong> Automated many business processes, improving customer experience and
freeing up
staff to carry out non-repetitive tasks
<br /><strong>Kiwix –</strong> Lead maintainer on multiple open-source projects, greatly improving code
quality
metrics by 60%
<br /><strong>MetDesk –</strong> Remained contracted after my employment assisting with development,
maintenance,
support
</p>
<h2>
Della
<div>
<span class="overline green">CTO & Co-founder</span>
<span class="overline yellow">Agile team of 5</span>
</div>
</h2>
<p>I co-founded and led the technology development of a start-up in Hungary. We released 2 Android and 2 iOS
apps, working in the recruitment industry. We were in talks with a large enterprise client when Hungarian
law changes made the business obsolete.
<br />We were the first organisation in Hungary to build legally sound online contracting and ID
verification.
</p>
<h2>
MetDesk
<div>
<span class="overline green">Full-Stack Developer</span>
<span class="overline yellow">Agile Team of 3</span>
</div>
</h2>
<p>Took on a 1-year delayed project, re-architected and launched within 6 months. I ended up being responsible
for this entire product (among others) for my entire employment at MetDesk. I worked with customers
(intra-day traders) and domain-experts (weather forecasters) to design and build a powerful best-in-class
UX.
<br />
Over my employment at MetDesk, I introduced Git, Staging Environments, CD, Code-Review, and other industry
best-practices.</p>
<h2>
SquaredUp
<div>
<span class="overline green">Full-stack Developer</span>
<span class="overline yellow">Agile Team of 8</span>
</div>
</h2>
<p>Worked on an enterprise monitoring application, loved by its users. I learned a lot working here.</p>
</div>
<div class="page" id='links'>
<h1>Links</h1>
<div class="icons">
<a target='_blank' href="https://github.com/isnit0">
<img src="img/github.png" alt="GitHub.com">
</a>
<a target='_blank' href="https://twitter.com/isnit0">
<img src="img/twitter.png" alt="Twitter.com">
</a>
<a target='_blank' href="https://www.meetup.com/members/138470102/">
<img src="img/meetup.png" alt="Meetup.com">
</a>
<a target='_blank' href="https://www.linkedin.com/in/josephereeve/">
<img src="img/linkedin.png" alt="LinkedIn.com">
</a>
</div>
<h1>Technical Talks</h1>
<p>I have given many technical talks, here are some of them:</p>
<ul>
<li><a target='_blank' href='https://www.youtube.com/watch?v=rGptKi8DjYU'>Part of opening presentation at
HTP #2</a></li>
<li><a target='_blank' href='https://youtu.be/u3FgNhpDBsI?t=201'> 2019 - TADHack19 Presentation</a></li>
<li>2019 - End of week talk for Founder and Coders bootcamp cohort (private event)</li>
<li><a target='_blank'
href='https://www.meetup.com/Artificial-Intelligence-Unconference-at-Gerrards-Cross-GX/events/247517076/'>2018
- Fishbowl Unconference Facilitation</a></li>
<li><a target='_blank' href='https://skillsmatter.com/skillscasts/12492-audio-developers-meet-up'>2018 -
WebAudio Exploration</a></li>
<li><a target='_blank' href='https://www.youtube.com/watch?v=GXW7SQUDRg4'>2018 - Logging: Why and How</a>
</li>
<li><a target='_blank' href='https://www.youtube.com/watch?v=yZUm5uK2zPI'>2016 - Writing Efficient CSS</a>
</li>
<li><a target='_blank' href='https://www.meetup.com/js-monthly/events/228584135'>2016 - Reactive, What
is?</a></li>
<li><a target='_blank' href='https://reading-gdg.appspot.com/single.html'>2016 - Augmented Reality
Workshop</a></li>
<li><a target='_blank' href='https://www.meetup.com/devopsoxford/events/230204937'>2016 - DevOps - Light at
the end of the tunnel</a></li>
<li><a target='_blank' href='https://www.meetup.com/JSOxford/events/221687013'>2015 - Making the Web More
Better</a></li>
<li><a target='_blank' href='https://www.youtube.com/watch?v=JbsINVQsA1Y'>2013 - Teaching some school
teachers to write HTML</a></li>
</ul>
</div>
<script defer src="script.js"></script>
<script async defer src="https://scripts.simpleanalyticscdn.com/latest.js"></script>
<noscript><img src="https://queue.simpleanalyticscdn.com/noscript.gif" alt="" /></noscript>
<script src="https://cdn.huddled.io/presence.js" id="5e679df1-33cd-4c1d-b6a6-f943d217ec34" async defer></script>
</body>
</html>