webroo.github.io/index.html at master · webroo/webroo.github.io · GitHub

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
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Experience - Matt Sweetman</title>
  <link rel="icon" href="/images/favicon.ico">
  <link rel="stylesheet" href="/styles/styles.css">
</head>

<body>
  <header>
    <div class="central-content">
      <h2>Matt Sweetman</h2>
      <h1>Experience</h1>
      <nav>
        <ul>
          <li><a href="/">Experience</a></li>
          <li><a href="/experiments/">Experiments</a></li>
          <li><a href="https://github.com/webroo">Github</a></li>
          <li><a href="https://www.linkedin.com/in/matt-sweetman">Linked In</a></li>
        </ul>
      </nav>
    </div>
  </header>
  <section id="main" class="central-content">
    <h3 id="my-energy-live">INSHUR</h3>
    <p><img src="images/inshur.jpg" alt="INSHUR website screenshot"></p>
    <p>Full stack developer for INSHUR, helping design and build an insurance platform for Uber drivers and Amazon
      couriers.</p>
    <p class="technologies">Technologies: TypeScript, React, Apollo GraphQL, Node, NestJS, GCP, GitHub Actions</p>
    <h3 id="my-energy-live">Trainline</h3>
    <p><img src="images/trainline.jpg" alt="Trainline website screenshot"></p>
    <p>Senior developer on the main Trainline website, helping to integrate European rail and bus companies into the
      booking flow.</p>
    <p class="technologies">Technologies: TypeScript, React, Redux, Node, RxJS, AWS, TeamCity</p>
    <h3 id="my-energy-live">British Gas Hive</h3>
    <p><img src="images/my-energy-live.png" alt="British Gas screenshot"></p>
    <p>Microservices platform and mobile app allowing British Gas customers to view real-time energy usage from their
      smart meters.</p>
    <p class="technologies">Technologies: JavaScript, React, Node, UDP, WebSockets, Kafka, AWS, CruiseControl</p>
    <h3 id="jetstar">JetStar</h3>
    <p><img src="images/jetstar.png" alt="JetStar screenshot"></p>
    <p>Mobile site for JetStar&apos;s flight booking system. Features include seat allocation, itinerary changes,
      check-in and flight status details. Built with Knockout.js and Durandal.</p>
    <h3 id="citi-private-bank">Citi Private Bank</h3>
    <p><img src="images/citibank-outlook.png" alt="Citi Private Bank Outlook screenshot"></p>
    <p>Web-based tablet app providing Citi customers an insight into investment opportunities. Includes interactive
      charts that can be panned and pinched-to-zoom. Built with Backbone and D3.</p>
    <h3 id="asics">ASICS</h3>
    <p><img src="images/my-asics.jpg" alt="ASICS screenshot"></p>
    <p>Website for tracking personal training and fitness. Features include training plans, progress trackers, and
      social integration with Facebook. Single-page app built in Backbone.</p>
    <h3 id="mars-infographics">Mars Infographics</h3>
    <p><img src="images/mars-infographics.jpg" alt="Mars Infographics screenshop"></p>
    <p>Selection of infographics for Mars outlining the company&apos;s performance in environmental policies.
      Interactive graphs built with D3.</p>
    <h3 id="itv-triumph">ITV Triumph</h3>
    <p><img src="images/itv-triumph.jpg" alt="ITV Triumph screenshot"></p>
    <p>Internal tool for ITV providing producers with guidelines for their pitching process. Web-based tablet app built
      using Backbone.</p>
    <h3 id="flashkana-for-iphone">Flashkana for iPhone</h3>
    <p><img src="images/flashkana-ios.jpg" alt="Flashkana screenshot"></p>
    <p>A flashcards-style app for learning Japanese kana. Native iOS app built using Objective-C.</p>
    <h3 id="ok-go-shotcast">OK Go Shotcast</h3>
    <p><img src="images/ok-go-shotcast.jpg" alt="OK Go Shotcast screenshot"></p>
    <p>Realtime video filter for live OK Go performances. Fans were encouraged to tweet a hashtag that would allow their
      profile icon to be used in the pixelation effect. Built with Flash and PixelBender.</p>
    <h3 id="focus-explorer">Focus Explorer</h3>
    <p><img src="images/focus-explorer.jpg" alt="Focus Explorer screenshot"></p>
    <p>Interactive video-based app projected onto a 60&quot; perspex screen covered with a touch-sensitive film. Used at
      multiple marketing events. Built with Flash.</p>
  </section>
  <footer class="central-content">
    <div class="copyright">Copyright &#xA9; Matt Sweetman 2023</div>
  </footer>
</body>

</html>