-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
338 lines (313 loc) · 16.3 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
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Portfolio</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,900" rel="stylesheet">
<link rel="stylesheet" href="/lib/font-awesome/css/font-awesome.min.css">
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/styles.css?v=wB-GaZWw2eRY3hN68JvbaOreCC1cL88-8v5qbTv_JT4" rel="stylesheet">
</head>
<body>
<div id="mobile-menu-open" class="shadow-large">
<i class="fa fa-bars" aria-hidden="true"></i>
</div>
<!-- End #mobile-menu-toggle -->
<header>
<div id="mobile-menu-close">
<span>Close</span> <i class="fa fa-times" aria-hidden="true"></i>
</div>
<ul id="menu" class="shadow">
<li>
<a href="#about">About</a>
</li>
<li>
<a href="#skills">Skills</a>
</li>
<li>
<a href="#experience">Experience</a>
</li>
<li>
<a href="#education">Education</a>
</li>
<li>
<a href="#projects">Projects</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
</ul>
</header>
<!-- End header -->
<div id="lead">
<div id="lead-content">
<img src="/images/profile.jpg" />
<h1>Gareth Saul</h1>
<h2>Software Engineer | Architect | Mentor</h2>
<a href="mailto:[email protected]" class="btn-rounded-white">[email protected]</a> <a href="tel:+27723791916" class="btn-rounded-white">072 379 1916</a> <a href="https://www.linkedin.com/in/garethsaul/" target="_blank" class="btn-rounded-white"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</div>
<!-- End #lead-content -->
<div id="lead-overlay"></div>
<div id="lead-down">
<span>
<i class="fa fa-chevron-down" aria-hidden="true"></i>
</span>
</div>
<!-- End #lead-down -->
</div>
<!-- End #lead -->
<div id="about" class="background-alt">
<div class="container">
<div class="row">
<div class="col-md-4">
<h2 class="heading">About Me</h2>
</div>
<div class="col-md-8">
<p>
I'm a full-stack, full-service software solutioneer with 15 years experience. Currently I'm building on the highly productive React / TypeScript / .NET Core stack, deploying on Azure. I take ownership of my projects, and deliver "beyond the brief" whenever possible. I delight in finding elegant solutions to complex problems, and in combining simple tools to produce outsized results.
</p>
</div>
</div>
</div>
</div>
<!-- End #about -->
<div id="skills">
<h2 class="heading">Skills</h2>
<ul>
<li>C#</li>
<li>.NET Core</li>
<li>JavaScript</li>
<li>TypeScript</li>
<li>React</li>
<li>SQL Server</li>
<li>RavenDB</li>
<li>Spatial</li>
<li>Azure</li>
<li>AWS</li>
<li>Cloudflare</li>
<li>Powershell</li>
</ul>
</div>
<!-- End #skills -->
<div id="experience" class="background-alt">
<h2 class="heading">Experience</h2>
<div id="experience-timeline">
<div data-date="November 2019 – Present">
<div class="vtimeline-title">
<div>
<h3>20East</h3>
<h4>Freelance</h4>
</div>
<div>
<em>Freelance Consultancy | .NET Core / React / TypeScript / SQL / Azure</em>
</div>
</div>
<p>
20East is a (one-man) tourism-focused consultancy, delivering full software development to clients.
<br />
Since launching in November 2019, I've delivered a comprehensive platform for capturing animal sightings for a leading tourism brand, intelligent narrative generation for Wetu clients and a network / marketplace for sustainable agriculture.
</p>
</div>
<div data-date="July 2011 – January 2020">
<div class="vtimeline-title">
<div>
<h3>Wetu</h3>
<h4>CTO</h4>
</div>
<div>
<em>SaaS (tourism) | High Growth Startup | ASP.NET / React / SQL / RavenDB / Windows Server / AWS</em>
</div>
</div>
<p>
I joined Wetu as their first engineer, continuing the development I'd begun previously at NML and Oven Baked.
</p>
<p>
I provided the majority of the software and architecture that grew Wetu from a bootstrapped startup into the successful industry leader it is today. My involvement spanned the totality of the technology of Wetu (hosting / servers / databases / code / front-ends), and I grew a development team that today continues to evolve the platform. In addition, I also served as a key part of the leadership team and provided input on every aspect of the business.
</p>
</div>
<div data-date="October 2009 – July 2011">
<div class="vtimeline-title">
<div>
<h3>Oven Baked Software</h3>
<h4>Freelance</h4>
</div>
<div>
<em>Freelance Consultancy | Mapping / Spatial | ASP.NET / SQL / RavenDB / Windows Server / AWS</em>
</div>
</div>
<p>
I developed bespoke web applications for local clients. The focus was on providing GIS and mapping-related solutions. Concluded projects projects included a consultant-location system for a leading insurance company and a reporting / monitoring system for solid waste disposal vehicles. The latter system includes both the online reports and geographic activity displays, content management systems as well as embedded firmware that interacts with GPS receivers and GSM modems (with live data transmission over a GPRS network).
</p>
<p>
I provided a full solution service for my clients, from initial application requirements specification through to software development and provisioning / configuration of the required server environments.
</p>
</div>
<div data-date="September 2008 – October 2009">
<div class="vtimeline-title">
<div>
<h3>New Media Labs</h3>
<h4>Senior Developer</h4>
</div>
<div>
<em>Development Agency | Web 2.0 | ASP.NET / Silverlight / SQL / Windows Server</em>
</div>
</div>
<p>
At NML, I was in charge of a team building a variety of cutting edge web applications using everything Microsoft offered. I scoped and delivered a number of projects as team lead, including a flagship interactive map visualization for the tourism industry that later pivoted into Wetu.
</p>
<p>
I independently implemented a full project management framework for the company to use, as well as introducing Agile into my team. I also participated in the proposal and planning phases for projects (my teams and others) as well as acting as client relationship manager on all my projects.
</p>
<p>
At New Media Labs, I took it upon myself to provide and administrate our IT infrastructure. In my capacity as administrator, I was responsible for managing our existing infrastructure and expanding it to support our development requirements (this required providing full virtualization solutions as well as necessary development infrastructure, such as development and build servers and source control systems). I also was responsible for planning and procuring our live server and hosting environments, as well as their configuration. I independently planned and implemented our backup and disaster recovery strategies across both our local offices and our international live servers.
</p>
</div>
<div data-date="April 2008 – September 2008">
<div class="vtimeline-title">
<div>
<h3>Jam Warehouse</h3>
<h4>Developer</h4>
</div>
<div>
<em>Development Agency | Finance | .NET / Windows Forms</em>
</div>
</div>
<p>
Working as an analyst developer on a Line of Business system for a major retail chain. Software was a just-in-time stock management program used to control orders and foreign currency transaction across the enterprise. The project was to upgrade the software to stay in step with current MS frameworks, and to customise the system for an internal division. The project was part of a wider technology upgrade, and was on the critical path. Our teams work was consistently ahead of the project – our effort lead to acceptance of further work for a second development phase.
</p>
</div>
<div data-date="November 2005 – March 2008">
<div class="vtimeline-title">
<div>
<h3>Fourge</h3>
<h4>Lead Developer</h4>
</div>
<div>
<em>Development Agency | Insurance | ASP.NET / BizTalk / SQL / Windows Server</em>
</div>
</div>
<p>
Interacting with the client to determine, specify and implement features and functionality in an enterprise Life Assurance system. Core technologies maintained included SQL databases, BizTalk Server messaging middleware and server side functionality exposed over webservices. As the Lead Developer and Analyst, my responsibilities covered the entire range from initial feature planning through to implementation, maintenance and bug fixing. In my capacity as Team Leader I was responsible for guiding several developers and managing schedules and delivery.
</p>
</div>
</div>
</div>
<!-- End #experience -->
<div id="education">
<h2 class="heading">Education</h2>
<div class="education-block">
<h3>University of Cape Town</h3>
<span class="education-date">2004</span>
<h4>Honours in Computer Science</h4>
<p>
Post-graduate honours studies in CS; with specific modules covering cryptography, digital archiving and human computer interaction.
</p>
</div>
<!-- End .education-block -->
<div class="education-block">
<h3>University of Cape Town</h3>
<span class="education-date">2001 - 2003</span>
<h4>Bachelor of Science in Computer Science</h4>
<p>Under-graduate degree in Computer Science, with a specialised Business Computing curriculum. This blended pure computer science courses with further studies on IT project management, business fundamentals and accounting.</p>
</div>
<!-- End .education-block -->
</div>
<!-- End #education -->
<div id="projects" class="background-alt">
<h2 class="heading">Selected Projects</h2>
<div class="container">
<div class="row">
<div class="project shadow-large">
<div class="project-image">
<img src="/images/wetu.jpg" />
</div>
<!-- End .project-image -->
<div class="project-info">
<h3>Wetu</h3>
<p>
Wetu provides a comprehensive itinerary builder and content distribution platform to the tourism industry. As a mature, comprehensive SaaS product it required solutions across multiple technology domains.
</p>
<ul>
<li>Web (MVC / React / JS)</li>
<li>Native Mobile Apps (Swift, Java)</li>
<li>Offline Documents (WordML)</li>
<li>GIS (SQL Server Spatial)</li>
<li>Image Manipulation (ImageMagick)</li>
<li>Machine Translations (AWS Translate)</li>
<li>Load Balanced, Failover Architecture (Haproxy / Windows Server)</li>
<li>ChatOps (Slack integrations)</li>
</ul>
<a href="https://wetu.com">View Project</a>
</div>
<!-- End .project-info -->
</div>
<!-- End .project -->
<div class="project shadow-large">
<div class="project-image">
<img src="/images/bts.jpg" />
</div>
<!-- End .project-image -->
<div class="project-info">
<h3>Beyond the Sighting</h3>
<p>
BtS supports a leading tourism brand by giving them an in-house platform used by their conservation teams to monitor activity in their reserves. It is presently being rolled out internationally across their operations.
</p>
<ul>
<li>Web (MVC / React / TypeScript)</li>
<li>Mapping (Leaflet / SQL Spatial)</li>
<li>Icon Generation (MagickNet)</li>
</ul>
</div>
<!-- End .project-info -->
</div>
<!-- End .project -->
</div>
</div>
</div>
<!-- End #projects -->
<div id="contact">
<h2>Get in Touch</h2>
<div id="contact-form">
<form method="POST" action="https://formspree.io/xwkrodge">
<input type="hidden" name="_subject" value="Contact request from garethsaul.com" />
<input type="email" name="_replyto" placeholder="Your email" required>
<textarea name="message" placeholder="Your message" required></textarea>
<button type="submit">Send</button>
</form>
</div>
<!-- End #contact-form -->
</div>
<!-- End #contact -->
<footer>
<div class="container">
<div class="row">
<div class="col-sm-5 copyright">
<p>
Copyright © 2020 Gareth Saul
</p>
</div>
<div class="col-sm-2 top">
<span id="to-top">
<i class="fa fa-chevron-up" aria-hidden="true"></i>
</span>
</div>
<div class="col-sm-5 social">
<ul>
<li>
<a href="https://www.linkedin.com/in/garethsaul/" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- End footer -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="/js/scripts.js?v=t_IBWrN_5VqM3rQVjeECMIV-gAdxNJOqaVfCmg9STvQ"></script>
</body>
</html>