DKertson16.github.io/index.html at master · DKertson16/DKertson16.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
<!DOCTYPE HTML>
<!--
	Massively by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Dylan's Portfolio</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>Dylan's Portfolio</h1>
						<h2>dylankertson@gmail.com</h2>
						<p>Santa Clara University graduate class of 2020. Well versed in Web Development using React, Redux, Python, and Postgres.
						<p>Passionate about creating, clean, reusable, and good looking components with a willingness to work with product / design whenever necessary</p>
						<ul class="actions">
							<li><a href="#nav" class="button icon solid solo fa-arrow-down scrolly">Continue</a></li>
						</ul>
					</div>

				<!-- Header -->


				<!-- Nav -->
					<nav id="nav">
						<ul class="icons" style="margin-left: 10px">
							<li><a href="https://github.com/DKertson16" class="icon brands fa-github" target="_blank"><span class="label">GitHub</span></a></li>
							<li><a href="https://www.linkedin.com/in/dylan-kertson-63581ba8/" class="icon brands fa-linkedin" target="_blank"><span class="label">GitHub</span></a></li>
						</ul>
					</nav>

				<!-- Main -->
					<div id="main">

						<!-- Featured Post -->
							<article class="post featured">
								<header class="major">
									<h2>Web Projects</h2>
								</header>
							</article>

						<!-- Posts -->
							<section class="posts">
								<article>
									<header>
										<h2><a href="https://dinnerpal.herokuapp.com" target="_blank">DinnerPal</a></h2>
									</header>
									<a href="https://dinnerpal.herokuapp.com" target="_blank" class="image fit"><img src="images/dinnerpal.PNG" alt="" /></a>
									<p>DinnerPal is a nightly board game aimed at helping young children finish their plates and eat a more diverse diet. I starting DinnerPal alongside two of my good friend Jack and Julia. I wrote the website
										using Django and bootstrap as the main frameworks and used Stripe to handle all payments for the website. Some of the features include a customized user system with in depth account customization, a user
										referral system using Stripe coupon codes, as well as a page that lets a subscriber choose from a pool of rotating prizes for the kid to enjoy.
									</p>
									<ul class="actions special">
										<li><a href="https://dinnerpal.herokuapp.com" target="_blank" class="button">View Project</a></li>
									</ul>
								</article>
								<article>
									<header>
										<h2><a href="https://vesc-tool-plotter.herokuapp.com/" target="_blank">Vesc Tool Plotter</a></h2>
									</header>
									<a href="https://vesc-tool-plotter.herokuapp.com/" target="_blank" class="image fit"><img src="images/vesc_plotter.PNG" alt="" /></a>
									<p>This was written as a part of my senior design project "Electric Hydrofoil + Analysis Software". The goal of this website is to take data from the Electric Hydrofoil that we build and give us an
										easy way to plot and share the data that it collects. Use the login <strong>admin:password123123</strong> to view some sample data and see how the website works. Django and Bootstrap were the main frameworks
										used in this project.
									</p>
									<ul class="actions special">
										<li><a href="https://vesc-tool-plotter.herokuapp.com/" target="_blank" class="button">View Project</a></li>
									</ul>
								</article>
								<article>
									<header>
										<h2><a href="https://jakemortgage.herokuapp.com/portal/loan-details/" target="_blank">Note Loan Payment Tool (in progress)</a></h2>
									</header>
									<a href="https://jakemortgage.herokuapp.com/portal/loan-details/" target="_blank" class="image fit"><img src="images/note.PNG" alt="" /></a>
									<p>This project is still in its early stages and is more of a proof of concept than anything. As the URL might suggest, this was an idea of my friend Jake who works with loans at his job.
										We hope to develop and expand this tool into a website where someone can go to pay off their loan, no matter what bank they are with. Follow the website for updates! Website uses Django and Bootstrap.
									</p>
									<ul class="actions special">
										<li><a href="https://jakemortgage.herokuapp.com/portal/loan-details/" target="_blank" class="button">View Project</a></li>
									</ul>
								</article>
								<article>
								</article>
							</section>

						<!-- Footer -->

					</div>
					<div id="main">

						<!-- Featured Post -->
							<article class="post featured">
								<header class="major">
									<h2>Misc Projects</h2>
								</header>
							</article>

						<!-- Posts -->
							<section class="posts">
								<article>
									<header>
										<h2><a href="https://github.com/DKertson16/algo-proj" target="_blank">C++ Text Recovery</a></h2>
									</header>
									<p>Written in C++, this program is able to decode an input text file where all spaces have been removed and output a list of possible original documents ranked in order of likelihood.
										 It is able to determine this because of the dictionary.txt file which contains a ranked list of the most used English words and uses a dynamic programming algorithm to do the computation.
									</p>
									<ul class="actions special">
										<li><a href="https://github.com/DKertson16/algo-proj" target="_blank" class="button">View Project</a></li>
									</ul>
								</article>
								<article>
									<header>
										<h2><a href="https://github.com/DKertson16/174Project" target="_blank">Teacher Assistant Evaluation</a></h2>
									</header>
									<p> Written using typescript/angular, html/css, nodeJS, and Oracle SQL, this webpage allows people with an Santa Clara University account to fill out a survey about their TA.
										 The course instructor uses the site to add students to a class list and the program will automatically email all the students and instruct them to fill out the survey.
										 This is listed under misc because you can't actually access the website without a valid SCU email but you can still view the code on my GitHub.
									</p>
									<ul class="actions special">
										<li><a href="https://github.com/DKertson16/174Project" target="_blank" class="button">View Project</a></li>
									</ul>
								</article>

						<!-- Footer -->

					</div>

				<!-- Footer -->

				<!-- Copyright -->

			</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>