-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
331 lines (307 loc) · 14.2 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
<!DOCTYPE html>
<html>
<head>
<title>Dan Kelly Portfolio</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" href="./assets/css/reset.css" />
<link rel="stylesheet" type="text/css" href="./assets/css/style.css" />
</head>
<body>
<!-- Header -->
<header>
<!-- -->
<h1>Dan Kelly</h1>
<!-- Navigation -->
<nav>
<ul>
<li><a href="#About">About Me</a></li>
<li><a href="#Portfolio">Portfolio</a></li>
<li><a href="#Contact">Contact</a></li>
</ul>
</nav>
</header>
<!-- Body -->
<main>
<aside>
<img src="./assets/images/Dan.jpg" alt="Dan Kelly">
</aside>
<div class="sections">
<section id="About">
<h2>About Me</h2>
<p>I am a loyal husband and father of two wonderful and challenging boys.</p>
<p>Skilled software engineering leader with a desire to use web development talents in a creative manner working
with a dynamic team to solve challenging technical problems confronting the public sector.</p>
<p>Currently, I am attending the University of Denver Coding Bootcamp with an expected graduation date of
December 2022.</p>
</section>
<section id="Portfolio">
<h2>Portfolio</h2>
<div class="articles">
<article>
<header>
<h3>
<a href="https://www.kellysoftware.org" target="_blank">Kelly Software Solutions</a>
</h3>
</header>
<a href="https://www.kellysoftware.org" target="_blank">
<img src="./assets/images/code.jpg" alt="Code">
</a>
<p>A collection of coding projects in various languages and technologies.</p>
</article>
<article>
<header>
<h3>
<a href="https://bowlgames.kellysoftware.org" target="_blank">College Bowl Games</a>
</h3>
</header>
<a href="https://bowlgames.kellysoftware.org" target="_blank">
<img src="./assets/images/FaurotField.jpg" alt="Football Game">
</a>
<p>A free Pick'em-style college football site. This site was originally written in 2007.</p>
<p>Microsoft ASP.NET, C#, & SQL Server</p>
</article>
<article>
<header>
<h3>
<a href="https://dpk5e7-evroute.herokuapp.com/" target="_blank">evRoute</a>
</h3>
</header>
<a href="https://dpk5e7-evroute.herokuapp.com/" target="_blank">
<img src="./assets/images/evRoute.jpg" alt="evRoute">
</a>
<p>Project #2 for the University of Denver Coding Bootcamp 2022. The purpose of this challenge was to build
an
application to assist Electric Vehicle owners in planning long distance trips.</p>
<p>Alternative Fuel Data Center information, Mapbox, Node.js, Express.js, MySQL, Sequelize, SASS,
Handlebars.js, &
express-session</p>
</article>
<article>
<header>
<h3>
<a href="https://dpk5e7.github.io/powder-bound/" target="_blank">Powder Bound</a>
</h3>
</header>
<a href="https://dpk5e7.github.io/powder-bound/" target="_blank">
<img src="./assets/images/powder-bound.jpg" alt="Powder Bound">
</a>
<p>Project #1 for the University of Denver Coding Bootcamp 2022. The purpose of this project was to build an
application to assist snow sport enthusiasts in Colorado in planning their search for powder.</p>
<p>HTML, CSS, Moment.js v2.27.0, jQuery v3.6.0, Bulma v0.9.4, & Leaflet v1.8.0</p>
<p>Powderlin.es, Open Weather, Google Static Maps, MapQuest Directions, MapQuest GeoCoding & Reverse
Geocoding, MapQuest Static Maps, MapQuest Search Ahead, Geolocation</p>
</article>
<article>
<header>
<h3>
<a href="https://dpk5e7-jate.herokuapp.com/" target="_blank">Just Another Text Editor</a>
</h3>
</header>
<a href="https://dpk5e7-jate.herokuapp.com/" target="_blank">
<img src="./assets/images/jate.jpg" alt="Just Another Text Editor">
</a>
<p>Challenge #19 for the University of Denver Coding Bootcamp 2022. The purpose of this challenge is to
a text editor that runs in the browser. It is a single-page application that meets the progressive web
application (PWA) criteria.
</p>
<p>Node.js, Express.js, WebPack, WorkBox, & IndexedDB</p>
</article>
<article>
<header>
<h3>
<a href="https://github.com/dpk5e7/social-network-api" target="_blank">Social Network API</a>
</h3>
</header>
<a href="https://github.com/dpk5e7/social-network-api" target="_blank">
<img src="./assets/images/social-network-api.jpg" alt="Social Network API">
</a>
<p>Challenge #18 for the University of Denver Coding Bootcamp 2022. The purpose of this challenge is
to understand the unstructured nature of NoSQL by building an API for a social network web application
where users can share their thoughts, react to friends’ thoughts, and create
a friend list.
</p>
<p>Node.js, Express.js, MongoDB, & Mongoose</p>
</article>
<article>
<header>
<h3>
<a href="https://dpk5e7-tech-blog.herokuapp.com/" target="_blank">Tech Blog</a>
</h3>
</header>
<a href="https://dpk5e7-tech-blog.herokuapp.com/" target="_blank">
<img src="./assets/images/tech-blog.jpg" alt="Tech Blog">
</a>
<p>Challenge #14 for the University of Denver Coding Bootcamp 2022. The purpose of this challenge is to
build a CMS-style blog site following the MVC paradigm, where developers can publish their blog posts and
comment on other developers' posts as well.
</p>
<p>Node.js, Express.js, MySQL, Sequelize, Handlebars.js, & express-session</p>
</article>
<article>
<header>
<h3>
<a href="https://github.com/dpk5e7/e-commerce-back-end" target="_blank">e-Commerce Back End</a>
</h3>
</header>
<a href="https://github.com/dpk5e7/e-commerce-back-end" target="_blank">
<img src="./assets/images/e-commerce-back-end.jpg" alt="e-Commerce Back End">
</a>
<p>Challenge #13 for the University of Denver Coding Bootcamp 2022. The purpose of this challenge is to
build a back end for a generic e-commerce site using one-to-many and many-to-many database relationships.
</p>
<p>Node.js, Express.js, MySQL, & Sequelize</p>
</article>
<article>
<header>
<h3>
<a href="https://github.com/dpk5e7/employee-tracker" target="_blank">Employee Tracker</a>
</h3>
</header>
<a href="https://github.com/dpk5e7/employee-tracker" target="_blank">
<img src="./assets/images/employee-tracker.jpg" alt="Employee Tracker">
</a>
<p>Challenge #12 for the University of Denver Coding Bootcamp 2022. The purpose of this challenge is to
build a command-line application to manage a company's employee database.</p>
<p>Node.js, Inquirer v8.2.4, dotenv, & MySQL</p>
</article>
<article>
<header>
<h3>
<a href="https://dpk5e7-note-taker.herokuapp.com/" target="_blank">Note Taker</a>
</h3>
</header>
<a href="https://dpk5e7-note-taker.herokuapp.com/" target="_blank">
<img src="./assets/images/note-taker.jpg" alt="Note Taker">
</a>
<p>Challenge #11 for the University of Denver Coding Bootcamp 2022. The purpose of this challenge is to
build a note taker application to save and retreive data from a JSON file.</p>
<p>Node.js, Express.js</p>
</article>
<article>
<header>
<h3>
<a href="https://github.com/dpk5e7/team-profile-generator/" target="_blank">Team Profile Generator</a>
</h3>
</header>
<a href="https://github.com/dpk5e7/team-profile-generator/" target="_blank">
<img src="./assets/images/team-profile-generator.jpg" alt="Team Profile Generator">
</a>
<p>Challenge #10 for the University of Denver Coding Bootcamp 2022. The purpose of this challenge is to
build
a team profile generator and to use Jest for unit testing.</p>
<p>Node.js, Inquirer v8.2.4, and Jest v28.1.3</p>
</article>
<article>
<header>
<h3>
<a href="https://github.com/dpk5e7/readme-generator/" target="_blank">Readme Generator</a>
</h3>
</header>
<a href="https://github.com/dpk5e7/readme-generator/" target="_blank">
<img src="./assets/images/readme-generator.jpg" alt="README Generator">
</a>
<p>Challenge #9 for the University of Denver Coding Bootcamp 2022. The purpose of this challenge is to build
a GitHub README generator.</p>
<p>Node.js & Inquirer v8.2.4</p>
</article>
<article>
<header>
<h3>
<a href="https://dpk5e7.github.io/weather-dashboard/" target="_blank">Weather Dashboard</a>
</h3>
</header>
<a href="https://dpk5e7.github.io/weather-dashboard/" target="_blank">
<img src="./assets/images/weather-dashboard.jpg" alt="Weather Dashboard">
</a>
<p>Challenge #6 for the University of Denver Coding Bootcamp 2022. The purpose of this challenge is to build
a weather dashboard that calls the OpenWeather API.</p>
<p>HTML, CSS, Moment.js, Bootstrap 5.2, & OpenWeather API</p>
</article>
<article>
<header>
<h3>
<a href="https://dpk5e7.github.io/work-day-scheduler/" target="_blank">Work Day Scheduler</a>
</h3>
</header>
<a href="https://dpk5e7.github.io/work-day-scheduler/" target="_blank">
<img src="./assets/images/work-day-scheduler.jpg" alt="Work Day Scheduler">
</a>
<p>Challenge #5 for the University of Denver Coding Bootcamp 2022. The purpose of this challenge is to build
a work day scheduler.</p>
<p>HTML, CSS, jQuery, Moment.js & Bootstrap 5.2</p>
</article>
<article>
<header>
<h3>
<a href="https://dpk5e7.github.io/coding-quiz/" target="_blank">Coding Quiz</a>
</h3>
</header>
<a href="https://dpk5e7.github.io/coding-quiz/" target="_blank">
<img src="./assets/images/coding-quiz.jpg" alt="Coding Quiz">
</a>
<p>Challenge #4 for the University of Denver Coding Bootcamp 2022. The purpose of this challenge is to build
a timed, multiple choice coding assessment quiz.</p>
<p>HTML, CSS, & Javascript</p>
</article>
<article>
<header>
<h3>
<a href="https://dpk5e7.github.io/password-generator/" target="_blank">Password Generator</a>
</h3>
</header>
<a href="https://dpk5e7.github.io/password-generator/" target="_blank">
<img src="./assets/images/password-generator.jpg" alt="Password Generator">
</a>
<p>Challenge #3 for the University of Denver Coding Bootcamp 2022. The purpose of this challenge is to
modify starter code to create an application that enables employees to generate
random passwords based on criteria that they’ve selected.</p>
<p>Javascript</p>
</article>
<article>
<header>
<h3>
<a href="https://dpk5e7.github.io/portfolio/" target="_blank">Portfolio</a>
</h3>
</header>
<a href="https://dpk5e7.github.io/portfolio/" target="_blank">
<img src="./assets/images/portfolio.jpg" alt="Portfolio">
</a>
<p>Challenge #2 for the University of Denver Coding Bootcamp 2022. The purpose of this challenge is to build
a portfolio.</p>
<p>HTML & CSS</p>
</article>
<article>
<header>
<h3>
<a href="https://dpk5e7.github.io/accessibility-refactor/" target="_blank">Accessibility Refactor</a>
</h3>
</header>
<a href="https://dpk5e7.github.io/accessibility-refactor/" target="_blank">
<img src="./assets/images/accessibility-refactor.jpg" alt="Accessibility Refactor">
</a>
<p>Challenge #1 for the University of Denver Coding Bootcamp 2022. The purpose of this challenge is to
refactor an existing site to make it more accessible.</p>
<p>HTML & CSS</p>
</article>
</div>
</section>
<section id="Contact">
<h2>Contact</h2>
<address>
Morrison, CO 80465<br />
<a href="mailto:[email protected]">[email protected]</a><br />
<a href="https://www.linkedin.com/in/dpk5e7" target="_blank">linkedin.com/in/dpk5e7</a><br />
<a href="https://github.com/dpk5e7" target="_blank">GitHub.com/dpk5e7</a>
</address>
</section>
</div>
</main>
<!-- Footer -->
<footer>
<h4>
© 2022 <a href="https://www.kellysoftware.org" target="_blank">Kelly Software Solutions</a>
</h4>
</footer>
</body>
</html>