-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
150 lines (138 loc) · 6.44 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
<!DOCTYPE HTML>
<html>
<head>
<title>Joe Toeniskoetter</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper" class="fade-in">
<!-- Intro -->
<div id="intro">
<h1>My Portfolio</h1>
<p>Fullstack developer specializing in Typescript and Nodejs </p>
<header>
<h2><a href="/resume.html">Check out my resume</h2>
</header>
<ul class="actions">
<li><a href="#header" class="button icon solid solo fa-arrow-down scrolly">Continue</a></li>
</ul>
</div>
<!-- Header -->
<header id="header">
<a href="index.html" class="logo">Joe Toeniskoetter</a>
</header>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li class="active"><a href="index.html">My Work</a></li>
<li><a href="resume.html">Resume</a></li>
</ul>
<ul class="icons">
<li><a href="https://github.com/JoeToeniskoetter" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://www.linkedin.com/in/joe-toeniskoetter-964179103/" class="icon brands fa-linkedin"><span class="label">LinkedIn</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<article class="post featured">
<header class="major">
<h2>Hi, I'm Joe</a></h2>
<p>
Full stack developer specializing in Typescript and NodeJS. Check out some of my work.
</p>
</header>
</article>
<!-- Posts -->
<section class="posts">
<article>
<header>
<h2><a href="https://github.com/JoeToeniskoetter/KegerWeighter">KegerWeighter</a></h2>
<a href="https://github.com/JoeToeniskoetter/KegerWeighter" class="image main">
<img src="images/kegerweighter.webp"alt="" /></a>
<p><span style="font-weight: bold;">Description: </span>IOT application for viewing and tracking beer levels in a draft beer system.</p>
<p style="font-weight: bold;"> **This app was created with two different stacks</p>
<p><span style="font-weight: bold;">Technologies (Stack 1):</span>
React Native, Typescript, ExpressJS, Google Cloud Messaging, PostgreSQL, SocketIO
</p>
<ul class="actions special">
<li><a href="https://github.com/JoeToeniskoetter/KegerWeighter" class="button">Frontend Code</a></li>
<li><a href="https://github.com/JoeToeniskoetter/KegerWeighter-Backend" class="button">Backend Code</a></li>
</li>
</ul>
<p><span style="font-weight: bold;">Technologies (Stack 2):</span>
Swift UI, Google Cloud Messaging, Firestore, Google Cloud Functions, Google Cloud IOT
</p>
<ul class="actions special">
<li><a href="https://github.com/JoeToeniskoetter/KegerWeighter-SwiftUI" class="button">Frontend Code</a></li>
<li><a href="https://github.com/JoeToeniskoetter/kegerweighter-serverlesss" class="button">Backend Code</a></li>
</li>
</ul>
</header>
<ul class="actions special">
<li> <a href="https://apps.apple.com/us/app/kegerweighter/id1540515820" class="button">Check out the app</a></li>
</ul>
</article>
<article>
<header>
<h2><a href="https://apps.apple.com/us/app/ag-market-news/id1538518553">Ag Market News</h2>
</header>
<a href="https://github.com/JoeToeniskoetter/Ag-Market-News" class="image fit"><img src="images/ag-market-news.png" alt="" /></a>
<p><span style="font-weight: bold;">Description: </span>Mobile application for viewing, saving, and sharing USDA reports.</p>
<p><span style="font-weight: bold;">Technologies:</span>
React Native, Google Cloud Functions, Firestore, Typescript, ExpressJS, Google Cloud Messaging
</p>
<ul class="actions special">
<li><a href="https://apps.apple.com/us/app/ag-market-news/id1538518553" class="button">Check out the app</a></li>
<li><a href="https://github.com/JoeToeniskoetter/Ag-Market-News" class="button">Check out the code</a></li>
</ul>
</article>
<article>
<header>
<h2>I'm Down</h2>
</header>
<a href="https://github.com/JoeToeniskoetter/Ag-Market-News" class="image fit">
<img height="300px" width="300px" src="images/im-down.svg"></img>
</a>
<p><span style="font-weight: bold;">Description: </span>Social media app for making plans with your friends.</p>
<p><span style="font-weight: bold;">Technologies:</span>
React Native, NestJS, Postgres, Typescript, Firebase Authentication, Google Places API, AWS S3
</p>
<ul class="actions special">
<li><a href="https://apps.apple.com/us/app/ag-market-news/id1538518553" class="button disabled">Check out the app (Not yet released)</a>
</li>
<li><a href="https://github.com/JoeToeniskoetter/im-down" class="button">Check out the code</a></li>
</ul>
</article>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<section class="split contact">
<section>
<h3>Email</h3>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</section>
<section>
<h3>Social</h3>
<ul class="icons alt">
<li><a href="https://github.com/JoeToeniskoetter" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://www.linkedin.com/in/joe-toeniskoetter-964179103/" class="icon brands fa-linkedin"><span class="label">LinkedIn</span></a></li>
</ul>
</section>
</section>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>