-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwebPortfolio.html
161 lines (140 loc) · 8.28 KB
/
webPortfolio.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
<!DOCTYPE HTML>
<html>
<head>
<title>Mark Miller's Portfolio</title>
<meta charset="utf-8" />
<link rel="shortcut icon" href="images/favicon-medium.ico" type="image/x-icon">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1><a href="index.html">Home</a></h1>
<nav>
<a href="#menu">Menu</a>
</nav>
</header>
<!-- Menu -->
<nav id="menu">
<div class="inner">
<h2>Menu</h2>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="aboutMe.html">About Me</a></li>
<li><a href="webPortfolio.html">Software Development</a></li>
<li><a href="dataScience.html">Data Science</a></li>
</ul>
<a href="#" class="close">Close</a>
</div>
</nav>
<!-- Wrapper -->
<section id="wrapper">
<header>
<div class="inner">
<h2>Web Portfolio</h2>
<p>Here are a few examples of projects that I have worked on in the past few years. See my <a href="https://github.com/markmiller21">GitHub</a> for more projects</p>
</div>
</header>
<!-- Content -->
<div class="wrapper">
<div class="inner">
<!-- Project Storm -->
<h3 class="major"><a href="https://www.deltek.com/en/">Deltek VP</a></h3>
<p>
JavaScript Developer on a project to port an existing CRM desktop application to a cloud based single page JavaScript Application. I serve as the an application lead developer for one of the main applications in this project, Marketing Campaigns. In this role, I am often creating user interface components that are populated via asynchronous RESTful API calls and building grids to store various associations. Every new line of code in the Campaign application must go through a Code Review and Pull Request process with me before entering our code base.
</p>
<p>
Before working on an Application team, I worked on the Architecture team. One of myy roles on the Architecture team was to build out a "Kitchen Sink" application. The "Kitchen Sink" application has at least one example of each component in our entire application. The purpose of the "Kitchen Sink" application was to guide developers on how to build these component and to serve as a testing suite.
</p>
<section class="features">
<article>
<a href="https://www.deltek.com/en/" class="image"><img src="images/portfolio/campaignScreenShot.png" alt="Marketing Campaigns Hub Screenshot" /></a>
<h3>Marketing Campaigns</h3>
</article>
<article>
<a href="https://www.deltek.com/en/" class="image"><img src="images/portfolio/kitchenSinkScreenShot.png" alt="Kitchen Sink Screenshot" /></a>
<h3>Kitchen Sink</h3>
</article>
</section>
<!-- Knock -->
<h3 class="major">Knock</h3>
<p>
Lead Engineer & Lead Architect for a business-oriented social networking startup built on the concept of allowing users to monetize each others time for 'out of network' connections. Built the <a href="http://52.24.41.20:3000/">Proof of Concept</a> Rails application to get early users on the Knock platform. Knock allows high school students to connect with students at universities they hope to attend. High school students 'knock' at the college students by requesting a paid phone call, video call, or in-person meeting
</p>
<ul>
<li>Managed team as Lead Developer by implementing a coding standard, code review, and pull request system through GitHub</li>
<li>Built a user-friendly, responsive, and intuitive UI with Bootstrap, Html, CSS, JavaScript, and jQuery</li>
<li>Leverage Sinch's APIs to synchronously call the high school student and college student at the arranged time</li>
<li>Worked with Sinch's CEO to debug issues and create the best solution for Knock</li>
<li>Execute transactions between users using Stripe's API</li>
<li>Tech stack: Ruby on Rails, JavaScript, jQuery, Html, CSS, Bootstrap, PostgreSQL, Git, GitHub, Sinch, Stripe, ElasticSearch, AWS</li>
</ul>
<section class="features">
<article>
<a href="http://52.24.41.20:3000/" class="image"><img src="images/portfolio/knock-networking-fullscreen-screenshot.jpeg" alt="Knock Login" /></a>
<h3>Knock Login</h3>
</article>
<article>
<a href="http://52.24.41.20:3000/" class="image"><img src="images/portfolio/knock-networking-fullscreen-preview.jpeg" alt="Knock Profile View" /></a>
<h3>Knock Profile View</h3>
</article>
</section>
<!-- Fit Friender -->
<h3 class="major">Fit Friender</h3>
<p>
<a href="https://github.com/markmiller21/workout-with-me">FitFriender</a> is an app that connects users with their ideal workout partner based on workout activities (ie lifting, cycling, tennis) location, and gender preference. Users swipe through potential matches. If both users ‘like’ each other they are able to converse via a message terminal to setup a workout.
</p>
<ul>
<li>Managed team as Project Leader using Git, GitHub, Trello, and Slack.io</li>
<li>Built efficient and maintainable infrastructure using Rails</li>
<li>Constructed matching algorithm to connect most probable users with each other</li>
<li>Designed intuitive and responsive UI with Foundation, CSS, and JavaScript</li>
<li>Ensured code was well-tested using Rspec and CircleCI</li>
</ul>
<section class="features">
<article>
<a href="https://github.com/markmiller21/workout-with-me" class="image"><img src="images/portfolio/fitfriender-fullscreen-screenshot-preview.jpeg" alt="Fit Friender Profile" /></a>
<h3>Fit Friender Profile</h3>
</article>
</section>
</div>
</div>
</section>
<!-- Footer -->
<section id="footer">
<div class="inner">
<h2 class="major">Get in touch</h2>
<p>
Thanks for checking out my blog. If you would like to learn more about me feel free to add me on any of my social media platforms below. Email is the best way to reach me
</p>
<ul class="contact">
<li class="fa-phone">(202) 436-5781</li>
<li class="fa-file-pdf-o"><a href="https://resume.creddle.io/resume/8v7cjw0zl86">creddle.io Resume</a></li>
<li class="fa-envelope"><a href="mailto:mark.kilpatrick.miller@gmail.com?subject=Mark Miller's Blog">mark.kilpatrick.miller@gmail.com</a></li>
<li class="fa-linkedin"><a href="https://www.linkedin.com/pub/mark-miller/32/754/3b6">linkedIn.com/mark-miller</a></li>
<li class="fa-github"><a href="https://github.com/markmiller21">github.com/markmiller21</a></li>
<li class="fa-twitter"><a href="https://twitter.com/markmiller14">twitter.com/markmiller14</a></li>
<li class="fa-facebook"><a href="https://www.facebook.com/mark.kilpatrick.miller">facebook.com/mark.kilpatrick.miller</a></li>
<li class="fa-instagram"><a href="https://www.instagram.com/grillmastermark/">instagram.com/grillmastermark</a></li>
</ul>
<ul class="copyright">
<li>© Mark Miller's blog 2017</li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>