-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
476 lines (449 loc) · 21 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
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta name="google-site-verification" content="EETrBUg9TRg1hmZgzfOXiRcLAOz5jERtlJfZC0rcDY8" />
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<title>Matthew Meloncon - Portfolio</title>
<script src="/vendor.js"></script>
<script src="/app.js"></script>
<script>require('initialize');</script>
<script src="/lib/jquery-2.2.3.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
<link rel="stylesheet" href="/styles/main.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="/lib/owlcarousel/assets/owl.carousel.css">
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="/lib/materialize/css/materialize.css">
<script src="/lib/materialize/js/materialize.js"></script>
<script src="/lib/owlcarousel/owl.carousel.min.js"></script>
<script src="/js/portfolio.js"></script>
</head>
<body>
<nav id="main-nav" class="cyan darken-1 center" role="navigation">
<div class="nav-wrapper container">
<a href="#" class="signature hide-on-med-and-up">Matt Meloncon</a>
<ul id="nav-mobile" class="grey darken-4 side-nav fixed left">
<li class="logo">
<a id="logo-container" href="#" class="brand-logo center">
<img src="/public/matt.jpg" class="circle responsive-img">
<h5>Matt Meloncon</h5>
</a>
</li>
<li><a class="waves-effect waves-light" href="#about">About</a></li>
<li><a class="waves-effect waves-light" href="#experience">Experience</a></li>
<li><a class="waves-effect waves-light" href="#projects">Projects</a></li>
<li><a class="waves-effect waves-light" href="#skills">Skills</a></li>
<li><a class="waves-effect waves-light" href="#education">Education</a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
</div>
</nav>
<div id="main-content">
<div class="about container">
<p class="center"><i class="icons medium material-icons">games</i></p>
<h3 id="about" class="scrollspy center">ABOUT</h3>
<div class="section">
<div class="row">
<div class="col s12">
<div class="card-panel grey darken-3 z-depth-2">
<span class="white-text">
I’ve worked for a long time with a close-knit group
of guys in a small town just north of Chattanooga, TN.
But over the years we’ve all found our own ways to new
and exciting opportunities all over the country and now
I’m searching for mine. I, along with my young family,
am excited to find a new city and company with a team of
people who are passionate about their work and take
pride in their product. As a family man, I look forward
to making a difference, even if only small, in order to
make a better world for my daughter. I feel a great way
I can do that is to be an example of a diligent worker
who looks forward to every day because I get to do what
I love most with people I’m proud to work with.
</span>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="section">
<div class="container">
<div class="row center">
<h5 class="header col s12 light">"Form follows function - that has been misunderstood. Form and function should be one, joined in a spiritual union." - Frank Lloyd Wright</h5>
</div>
</div>
</div>
</div>
<p class="center"><i class="icons medium material-icons">games</i></p>
<h3 id="experience" class="scrollspy center">EXPERIENCE</h3>
<div class="container">
<div class="section">
<div class="row">
<div class="col s12">
<div class="card-panel grey darken-3 z-depth-2">
<span class="white-text">
<h5>SENIOR SYSTEMS ANALYST</h5>
<small>CNS LLC, [2021-PRESENT]</small>
<p>
Remote position at Y-12 National Security Complex. Collaborated with stakeholders to scope, estimate, and provide technical leadership for software development. Conducted maintenance on existing systems and offered DB and architecture support. Assisted in software quality assurance, encompassing the software development lifecycle for enterprise-level applications.
</p>
</span>
</div>
<div class="card-panel grey darken-3 z-depth-2">
<span class="white-text">
<h5>IT DEVOPS ENGINEER</h5>
<small>SweetRush, [2018-2021]</small>
<p>
Remote Position. Responsible for the daily administration of the AWS architecture and servers. Provided desktop support to all users and monitored task queues. Maintained and built out the containerized architecture. Created Git-based CI/CD pipelines for apps and services throughout the company. Wrote technical documentation. Developed automation tools with Python, Ruby, Node, Crystal, and Bash. Assisted with the development of the in-house production site using Ruby on Rails.
</p>
</span>
</div>
<div class="card-panel grey darken-3 z-depth-2">
<span class="white-text">
<h5>SENIOR APPLICATIONS DEVELOPER</h5>
<small>Bryan College, [2016-Present]</small>
<p>
Responsible for maintaining, creating, and extending JS/Meteor, Python/Django, and C#/ASP.NET portals for students, faculty, staff, and prospective students. As well as maintaining back-end administration for Bryan.edu; a WordPress website. I was also given the lead to hire a part-time, entry-level developer and provide mentoring and direction for that person.
</p>
</span>
</div>
<div class="card-panel grey darken-3 z-depth-2">
<span class="white-text">
<h5>ONLINE APPLICATIONS PROGRAMMER</h5>
<small>Bryan College, [2010-2016]</small>
<p>
Responsible for maintaining, creating, and extending JS/Meteor, Python/Django, and C#/ASP.NET portals for students, faculty, staff, and prospective students. As well as maintaining back-end administration for Bryan.edu: a WordPress powered website.
</p>
</span>
</div>
<div class="card-panel grey darken-3 z-depth-2">
<span class="white-text">
<h5>START UP CO-FOUNDER, FRONT AND BACK-END WEB DEVELOPER</h5>
<small>Wylio.com, [2010-2014]</small>
<p>
Coded and maintained JavaScript and AJAX interactions using the jQuery library and the jQuery Tools plugin.
</p>
<p>
Update in 2014: Wylio.com version 3 is running on the Meteor JavaScript framework utilizing Bootstrap, Stripe, Mandrill, MongoDB, and others.
</p>
</span>
</div>
<div class="card-panel grey darken-3 z-depth-2">
<span class="white-text">
<h5>ADVANCEMENT WEB PROGRAMMER</h5>
<small>Bryan College, [2010]</small>
<p>
Responsible for the maintenance, growth, and operation of the main Bryan College website, Bryan.edu, which ran MODx/PHP/ MySQL/Apache.
</p>
</span>
</div>
</div>
</div>
<div class="row">
<div class="col s12 m4">
<div class="card-panel grey darken-3 z-depth-2">
<span class="white-text">
<h6>ADJUNCT PROFESSOR</h6>
<p>
“PC Troubleshooting and Repair”<br />
Bryan College [2010]
</p>
</span>
</div>
</div>
<div class="col s12 m4">
<div class="card-panel grey darken-3 z-depth-2">
<span class="white-text">
<h6>I.T. JUNIOR PROGRAMMER</h6>
<p>
Bryan College<br />
[2009]
</p>
</span>
</div>
</div>
<div class="col s12 m4">
<div class="card-panel grey darken-3 z-depth-2">
<span class="white-text">
<h6>I.T. SERVICES HELP DESK TECHNICIAN</h6>
<p>
Bryan College<br />
[2008 - 2009]
</p>
</span>
</div>
</div>
</div>
</div>
</div>
<p class="center"><i class="icons medium material-icons">games</i></p>
<h3 id="projects" class="scrollspy center">PROJECTS</h3>
<div class="container">
<div class="section">
<div class="row">
<div class="col s12">
<div class="card-panel grey darken-3 z-depth-2">
<span class="white-text">
<h5>MYBRYAN</h5>
<ul class="collection">
<li class="collection-item grey darken-3">
<label>When:</label> 2013-present
</li>
<li class="collection-item grey darken-3">
<label>Lines of Code:</label> 5790 (Under active development)
</li>
<li class="collection-item grey darken-3">
<label>Contribution:</label> Lead developer, architect, design guidance, full-stack
</li>
<li class="collection-item grey darken-3">
<label>Tech:</label> Meteor, JavaScript, MongoDB, RESTful API, Foundation, SCSS, HTML5, Node.js, Git, jQuery, Responsive Design
</li>
<li class="collection-item grey darken-3">
<label>Description:</label> MyBryan's goal is to provide a unified portal experience for the students, faculty, and staff of Bryan College. Prior to its implementation, Bryan College used three different sites (and thus codebases) to manage the many facets of faculty, student, and staff needs. It was created to be responsive and usable on mobile devices, as well as on a desktop. It harnesses a custom RESTful API to interface with our central database. We also used several existing libraries/frameworks. These choices allowed us to develop this portal with two developers and a web designer.
<p>
Its features include: Online directory, online resources, parking registration, grades, transcripts, attendance, emergency contact info, news, and much more.
</p>
</li>
</ul>
<div class="desktop-carousel">
<div>
<img src="/public/MyBryan/desktop/Login.png">
</div>
<div>
<img src="/public/MyBryan/desktop/Homepage.png">
</div>
<div>
<img src="/public/MyBryan/desktop/OnlineDirectory.png">
</div>
<div>
<img src="/public/MyBryan/desktop/ChangeAddress.png">
</div>
</div>
<div class="mobile-pics-carousel">
<div>
<img src="/public/MyBryan/mobile/Login.png">
</div>
<div>
<img src="/public/MyBryan/mobile/Homepage.png">
</div>
<div>
<img src="/public/MyBryan/mobile/ChangeAddress.png">
</div>
<div>
<img src="/public/MyBryan/mobile/OnlineDirectory.png">
</div>
<div>
<img src="/public/MyBryan/mobile/HamburgerMenu.png">
</div>
</div>
</span>
</div>
<div class="card-panel grey darken-3 z-depth-2">
<span class="white-text">
<h5>WYLIO</h5>
<ul class="collection">
<li class="collection-item grey darken-3">
<label>When:</label> <span>2010-2014</span>
</li>
<li class="collection-item grey darken-3">
<label>Lines of Code:</label> <span>7922 (Under active development)</span>
</li>
<li class="collection-item grey darken-3">
<label>Contribution:</label> <span>Co-Founder, Front-end Developer, Back-end Developer</span>
</li>
<li class="collection-item grey darken-3">
<label>Tech:</label>
<ul>
<li>
<label>Active:</label> Meteor, JavaScript, MongoDB, Node.js, JQuery, Git, RESTful API, CSS, HTML5, Stripe, Mandrill, Bootstrap 3
</li>
<li>
<label>Old:</label> Python, Django, jQuery, RESTful API, AWS, SVN, PHP, Google App Engine, MySQL
</li>
</ul>
</li>
<li class="collection-item grey darken-3">
<label>Description:</label>
<span>
Creative Commons pictures are great, but they take extra time to deal with since you need to attribute each picture you use. Finding free pictures that are legal to use and embedding them with attribution should be easier.
<br>
<br>
A time saving service for using Creative Commons pictures. Tagline: "Get Pictures. Give Credit."
<br>
<br>
Wylio makes it easy to find pictures, re-size them, and embed them on your website. Wylio was developed in conjunction with two other developers and contains many interesting facets. We've chosen to use the frameworks, libraries, and technology that allow for very rapid development. We've made choices that reduce our overhead, while at the same time delivering a great user experience.
</span>
</li>
<li class="collection-item grey darken-3">
<label>More Info:</label> <span>Please visit wylio.com for more information. We've recently launched our latest version.</span>
</li>
</ul>
</span>
</div>
<div class="card-panel grey darken-3 z-depth-2">
<span class="white-text">
<h5>CAMS API</h5>
<ul class="collection">
<li class="collection-item grey darken-3">
<label>When:</label> 2012-present
</li>
<li class="collection-item grey darken-3">
<label>Lines of Code:</label> Under active development
</li>
<li class="collection-item grey darken-3">
<label>Contribution:</label> Lead Developer, architecture guidance
</li>
<li class="collection-item grey darken-3">
<label>Tech:</label> ASP.NET, C#, MS SQL Server, ServiceStack, Web API, SQL, VB.NET, RESTful Design, GIT, IIS
</li>
<li class="collection-item grey darken-3">
<label>Description:</label> The Cams API was created to provide a unified, simple, and abstracted way to interface with the CAMS Enterprise Database by Three Rivers Systems. It is a centralized database that provides an end to end way to administer all the different facets of a higher education institution. However, to write custom solutions to interface with it, is a somewhat troublesome experience. That, combined with our older codebases, a new unified portal, and the possibilties of having to interface with third party vendors allowed us to develop a RESTful API system. With that, all of our systems (and third parties) could easily and sanely access and modify data for the school.
<p>
The ServiceStack framework provides an excellent and fast way to provide a RESTful API. We were able to harness our existing C# models within ServiceStack to provide the needed data models.
</p>
</li>
</ul>
</span>
</div>
<div class="card-panel grey darken-3 z-depth-2">
<span class="white-text">
<h5>APPLY.BRYAN.EDU</h5>
<ul class="collection">
<li class="collection-item grey darken-3">
<label>When:</label> 2012-present
</li>
<li class="collection-item grey darken-3">
<label>Lines of Code:</label> TBD
</li>
<li class="collection-item grey darken-3">
<label>Contribution:</label> Front-End Developer, Architecture Guidance, UX Designer
</li>
<li class="collection-item grey darken-3">
<label>Tech:</label> Django, Python, jQuery, Django Templating Language, SVN, HTML, CSS, Apache
</li>
<li class="collection-item grey darken-3">
<label>Description:</label> The Apply portal for Bryan College was created to replace the older ASP.NET-based site. It was created to make it as easy and friendly as possible for prospective students to submit their application to Bryan College. Apply was designed to allow students to enter the minimal amount of data needed to complete their application to any of the programs offered by Bryan College. The site was designed so that new programs could be added without having to interfere with other already existing programs. It interfaced with the CAMS Enterprise database via the Object Relational Mapper included with Django. The front-end is powered by jQuery and functions as a single page application. This allows for a very streamlined experience.
</li>
</ul>
<div class="desktop-carousel">
<div>
<img src="/public/Apply/homepage.png">
</div>
<div>
<img src="/public/Apply/status.png">
</div>
<div>
<img src="/public/Apply/status_expanded.png">
</div>
<div>
<img src="/public/Apply/status.png">
</div>
</div>
</span>
</div>
</div>
</div>
</div>
</div>
<p class="center"><i class="icons medium material-icons">games</i></p>
<h3 id="skills" class="scrollspy center">SKILLS</h3>
<div class="container">
<div class="section">
<div class="row">
<div class="col s12">
<div class="card-panel grey darken-3 z-depth-2">
<span class="white-text">
<h5>Programming Languages and Related Technologies</h5>
<p>
JavaScript, Meteor, Node.js, jQuery, Python, Django, SQL, C#, ASP.NET, HTML5, CSS, AJAX, MODx, and Single Page Applications. Familiar with PHP, Express Framework, and Java.
</p>
</span>
</div>
<div class="card-panel grey darken-3 z-depth-2">
<span class="white-text">
<h5>Operating Systems</h5>
<p>
Linux, Mac OS X, UNIX, and Microsoft Windows
</p>
</span>
</div>
<div class="card-panel grey darken-3 z-depth-2">
<span class="white-text">
<h5>Software and Applications</h5>
<p>
Atom, VIM, Git, SVN, SourceTree, Sublime Text, Django, MS Visual Studio, Express, IIS, Apache, MySQL, MS SQL, MongoDB, MODx, Eclipse, Adobe Photoshop, MS SQL Server Management Studio, other open source applications, frameworks, and languages.
</p>
</span>
</div>
</div>
</div>
</div>
</div>
<p class="center"><i class="icons medium material-icons">games</i></p>
<h3 id="education" class="scrollspy center">EDUCATION</h3>
<div class="container">
<div class="section">
<div class="row">
<div class="col s12 m6">
<div class="card-panel grey darken-3 z-depth-2">
<span class="white-text">
<h5>BS in Computer Science</h5><br />
2004 - 2008<br />
Bryan College, Dayton, TN
</span>
</div>
</div>
<div class="col s12 m6">
<div class="card-panel grey darken-3 z-depth-2">
<span class="white-text">
<h5 class="center">Conferences</h5>
CodeConf, June 2015
GitHub, Nashville, TN
<p>
CodeConf is about improving the software community by featuring thought-provoking talks and building social connections. Join us for the third installment of the CodeConf series where we will come together to discuss open source, best practices, documentation, community, and maybe even hacking space exploration.
</p>
</span>
</div>
</div>
</div>
</div>
</div>
<div>
<div class="section">
<div class="container">
<div class="row center">
<h5 class="header col s12 light">"Always code as if the guy who ends up maintaining your code will be a violent psychopath who knows where you live." - Rick Osborne</h5>
</div>
</div>
</div>
</div>
<footer class="page-footer cyan darken-1">
<div class="container">
<div class="row">
<div class="col l6 s12">
<h5 class="white-text">Matt Meloncon</h5>
<p class="grey-text text-lighten-4">Web Developer</p>
</div>
<div class="col l3 s12">
<h5 class="white-text">Connect</h5>
<ul id="social">
<li><a class="white-text" href="https://twitter.com/MattMeloncon"><i class="fa fa-twitter-square"></i></a></li>
<li class="social-padding"><a class="white-text" href="https://www.linkedin.com/pub/matthew-meloncon/13/549/280"><i class="fa fa-linkedin-square"></i></a></li>
<li class="social-padding"><a class="white-text" href="https://github.com/Meloncon"><i class="fa fa-github-square"></i></a></li>
<li class="social-padding"><a rel="me" href="https://mastodon.social/@MythicMelon">Mastodon</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
Made with <i class="fa fa-heart-o"></i> using <a class="white-text" href="http://materializecss.com" target="_blank">Materialize</a> and <a class="white-text" href="http://brunch.io/" target="_blank">Brunch</a>
</div>
</div>
</footer>
</div>
</body>
</html>