asupkay.github.io/index.html at master · Asupkay/asupkay.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
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
<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-162859668-2"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-162859668-2');
    </script>
    <meta charset="utf-8"/>
    <title>Alex Supkay</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="Description" content="Alex Supkay software engineer resume website">
    <meta name="theme-color" content="#01CDFE">
    <meta property="og:title" content="Alex Supkay Portfolio Website"/>
    <meta property="og:image" content="https://www.alexsupkay.com/img/preview.png"/>
    <meta property="og:description" content="Alex Supkay is a full stack engineer and manager. X-Googler"/>
    <meta property="og:url" content="https://www.alexsupkay.com" />
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico"/>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css">
    <link href="https://fonts.googleapis.com/css?family=Libre+Barcode+128+Text|Raleway" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inconsolata:[email protected]&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

    <script type="importmap">
      {
        "imports": {
          "three": "https://cdn.jsdelivr.net/npm/[email protected]/build/three.module.js"
        }
      }
    </script>

  </head>
  <body>
    <div id="canvas">
      <div class="aboutMe">
        <div>
          <div id="meImageHolder" class="centerBlock">
            <img src="img/pictureOfMe.jpg" alt="Picture of me">
            <hr/>
          </div>
          <div id="descriptionOfMe" class="centerBlock">
            <h1 class="ralewayFont">Alex Supkay</h1>
            <p class="ralewayFont">Founder at Racoons AI</p>
            <div id="socialMediaLinks">
              <a aria-label="GitHub" href="https://github.com/Asupkay"><i class="fa fa-github-square fa-5x" aria-hidden="true"></i></a>
              <a aria-label="Facebook" href="https://www.facebook.com/alex.supkay"><i class="fa fa-facebook-square fa-5x" aria-hidden="true"></i></a>
              <a aria-label="LinkedIN" href="https://www.linkedin.com/in/alexsupkay/"><i class="fa fa-linkedin-square fa-5x" aria-hidden="true"></i></a>
              <a aria-label="Email" href="mailto:[email protected]"><i class="fa fa-envelope-square fa-5x" aria-hidden="true"></i></a>
            </div>
            <a name="Resume" id="resumeLink" href="files/Supkay_Alex_Resume.pdf" target="_blank">
              <div id="resumeButton">
                <p class="ralewayFont">My Resume</p>
              </div>
            </a>
          </div>
        </div>
      </div>
      <a id="projectsLink" class="ralewayFont" href="#projects">⇩ Projects ⇩</a>
    </div>
    <div class="inconsolataFont projects" id="projects">
      <div>
        <h2>
          [Projects 📁]
        </h2>
        <div class="project">
          <h3>🦝 Racoons AI (<a id="projectLink" href="https://racoons.ai" target="_blank">link</a>)</h3>
          <hr>
          <p>
            An AI agent that helps you understand your data and proactively finds actions to improve the metrics that matter to you.
          </p>
        </div>
        <div class="project">
          <h3>👨‍💻 GitHub Pull Request Notifier (<a id="projectLink" href="https://chromewebstore.google.com/detail/github-pull-request-notif/hklhbealfhlnpjiliaflmflgpnifaffc?authuser=0&hl=en" target="_blank">link</a>)</h3>
          <hr>
          <p>
            A Chrome extension to monitor your GitHub pull requests.
          </p>
        </div>
        <div class="project">
          <h3>📝 Web Notes (<a id="projectLink" href="https://chromewebstore.google.com/detail/web-notes/dmnldmipjmondmkgbfcknodollfnndlk?authuser=0&hl=en" target="_blank">link</a>)</h3>
          <hr>
          <p>
            A simple Chrome extension for taking notes tied to a website.
          </p>
        </div>
        <div class="project">
          <h3>🥳 PartyPic (<a id="projectLink" href="https://www.partypicapp.com/" target="_blank">link</a>)</h3>
          <hr>
          <p>
            A React Native mobile app for people to create parties and upload photos to. This app is housed in a Turborepo monoorepo with CI/CD (GitHub Actions) and infrastructure as code using AWS CDK. Other technologies include Hasura, Twilio, GraphQL, Fargate, Expo, SQS, Lambda, IAM, API Gateway, NAT Gateway, RDS, Aurora, S3, CloudFront, Redis ElastiCache, and VPC.
          </p>
        </div>
        <div class="project">
          <h3>🎨 Art Blocks Starter Template (<a id="projectLink" href="https://github.com/ArtBlocks/artblocks-starter-template" target="_blank">link</a>)</h3>
          <hr>
          <p>
            A starter template written in Node.js for locally developing and testing projects for the Art Blocks NFT platform. This was originally created by me as a personal project and Art Blocks took ownership of it later. It has over 110 stars on GitHub.
          </p>
        </div>
        <div class="project">
          <h3>🟰 Turborepo Diff Check GitHub Action (<a id="projectLink" href="https://github.com/marketplace/actions/turborepo-diff-check" target="_blank">link</a>)</h3>
          <hr>
          <p>
            A published GitHub action that returns whether a package in a Turborepo monorepo has changed since the last commit or tag. This can be used to avoid running costly actions every single merge.
          </p>
        </div>
        <div class="project">
          <h3>🌀 Generative Artworks (<a id="projectLink" href="https://www.instagram.com/generativeartworks/" target="_blank">link</a>)</h3>
          <hr>
          <p>
            My code art practice which has amassed over 100k followers across social platforms. I've also released NFT art and smart contracts on Ethereum that have $12 million of attributed sales via secondary and primary.
          </p>
        </div>
        <div class="project">
          <h3>🗽 Token Art NYC (<a id="projectLink" href="https://x.com/TokenArtNYC" target="_blank">link</a>)</h3>
          <hr>
          <p>
            A yearly sponsored NFT unconference that I've run for artists to discuss the problems in the NFT space from 2022-2024. Attendence is invite only with attendance around 150+.
          </p>
        </div>
        <div class="project">
          <h3>🍴 Forkist (<a id="projectLink" href="https://forkist.com" target="_blank">link</a>)</h3>
          <hr>
          <p>
            A food finding social media app written in React Native with a backend hosted on Google Cloud. Other technology utilized includes MongoDB, Next.js, Node.js, Docker, PubSub, App Engine, and AWS.
          </p>
        </div>
        <div class="project">
          <h3>🐛 Critter Clock (<a id="projectLink" href="https://critterclock.com" target="_blank">link</a>)
          </h3>
          <hr>
          <p>
            A simple web app written in React for understanding which bugs and fish are currently active in the Animal Crossing video game.
          </p>
        </div>
        <div class="project">
          <h3>📒 Art Blocks Collector Guide (<a id="projectLink" href="https://github.com/Asupkay/art-blocks-collectors-guide" target="_blank">link</a>)</h3>
          <hr>
          <p>
            A web3 website written in React that pulls ownership information from Ethereum for users to understand what pieces they own from my NFT art collections.
          </p>
        </div>
        <div class="project">
          <h3>📉 Cryptocurrency Tracker Vector (<a id="projectLink" href="https://github.com/Asupkay/Cryptocurrency-Tracker-Vector" target="_blank">link</a>)</h3>
          <hr>
          <p>
            A serverless function I made in 2017 that gathered information from a variety of different Bitcoin exchanges and returned a compiled list of information about Bitcoin's price for arbitrage.
          </p>
        </div>
        <div class="project">
          <h3>🎮 Minecraft Plugins (<a id="projectLink" href="https://github.com/Asupkay/minecraft-plugins" target="_blank">link</a>)</h3>
          <hr>
          <p>
            A dice roll and proximity chat plugin I made for Minecraft servers in Java.
          </p>
        </div>
        <div class="project">
          <h3>🚀 GitHub Monitor (<a id="projectLink" href="https://github.com/Asupkay/Github-Monitor" target="_blank">link</a>)</h3>
          <hr>
          <p>
            A realtime webpage I made so that a user could monitor their GitHub repositories. This application was made with React, Node.js, Socket.io, Firebase, GCP, NGINX, Cloud DNS, GraphQL, and Bootstrap.
          </p>
        </div>
        <div class="project">
          <h3>🐦 Chirp (<a id="projectLink" href="https://github.com/Asupkay/Chirp/" target="_blank">link</a>)</h3>
          <hr>
          <p>
            A realtime web application written in React for understanding sentiment of a company/subject on Twitter and how it changes overtime.
          </p>
        </div>
        <div class="project">
          <h3>🎟️ Raffler (<a id="projectLink" href="https://github.com/Asupkay/Raffler" target="_blank">link</a>)</h3>
          <hr>
          <p>
            A website and serverless function written in Node.js that was used to demostrate Google Cloud Platform to students using Google App Engine and Google Cloud Functions.
          </p>
        </div>
        <div class="project">
          <h3>📈 Stock Tracker (<a id="projectLink" href="https://github.com/Asupkay/Stock-Tracker" target="_blank">link</a>)</h3>
          <hr>
          <p>
          A web application written in Node.js for tracking different stock symbols. A user can login or sign up and enter stock symbols that they want tracked. The website will then hit an API to get the prices and return them.
          </p>
        </div>
        <div class="project">
          <h3>🏠 Smart Home (<a id="projectLink" href="https://github.com/Asupkay/Smart-Home" target="_blank">link</a>)</h3>
          <hr>
          <p>
            A smart home project utilizing a Raspberry Pi with OpenCV, an activity dashboard written in React, and an API with App Engine, AutoML, and Firestore.
          </p>
        </div>
      </div>
    </div>
  </body>
  <script type="module" src="./scripts/background.js"></script>
</html>