-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
249 lines (245 loc) · 9.8 KB
/
index.html
File metadata and controls
249 lines (245 loc) · 9.8 KB
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
<!doctype html>
<html lang="en">
<head>
<title>Marcus Shaffer: Main Portfolio</title>
<meta
charset="utf-8"
name="viewport"
content="width=device-width, initial-scale=1"
/>
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<link rel="stylesheet" href="index.css" />
</head>
<body>
<div class="container">
<div>
<nav class="navbar">
<ul class="nav-links">
<li>
<a href="index.html" class="value-header-text">Main Portfolio</a>
</li>
<li>
<a href="game.html" class="value-header-text">8-Bit Portfolio</a>
</li>
<li><a href="ai.html" class="value-header-text">MarcusGPT</a></li>
</ul>
</nav>
</div>
<div class="profile">
<div class="profile-container">
<div>
<h3 class="brief-label">Marcus Shaffer</h3>
<p class="brief-text">BS Computer Science • Eagle Scout</p>
</div>
</div>
</div>
<div class="about-me">
<div class="about-me-container">
<div>
<h3 class="about-me-label">About Me</h3>
<p class="about-me-text">
Hello, I’m Marcus Shaffer, a graduate of Anderson University where
I earned my Bachelor of Science in Computer Science. I specialize
in software engineering, test automation, and full-stack web
development. I have hands-on experience building and testing
production systems using Angular, Java, and Python, and designing
automation frameworks with Selenium and Playwright within modern
CI/CD pipelines.
</p>
</div>
</div>
</div>
<div class="content">
<div clss="ed-container">
<h3 class="ed-exp-label">Education</h3>
<div class="info-grid">
<p class="key-text">2022 - 2025</p>
<div class="ed-exp-desc">
<p class="value-header-text">Anderson University</p>
<p class="value-text">B.S. Computer Science Cum Laude</p>
</div>
</div>
</div>
<div class="work-exp-container">
<div>
<h3 class="work-exp-label">Work Experience</h3>
<div class="info-grid">
<p class="key-text">Present</p>
<div class="work-exp-desc">
<p class="value-header-text">City of Anderson</p>
<p class="role-text">Information Technology Intern</p>
<p class="value-text">
In this role, I design and develop internal Python scripts and
lightweight RESTful web applications used by the IT department
to track operational tasks and monitor domain uptime. I
collaborate with stakeholders to improve internal tooling,
automate manual workflows, and support basic network
configuration involving Cisco switches and connected devices.
</p>
<p class="tools-text">
Python • REST APIs • Full-Stack Development • Network
Fundamentals
</p>
</div>
</div>
<div class="info-grid">
<p class="key-text">2024</p>
<div class="work-exp-desc">
<p class="value-header-text">Karmak</p>
<p class="role-text">Quality Assurance Intern</p>
<p class="value-text">
At Karmak, I led research and prototyping efforts to expand
the mobile team's test automation strategy by introducing
end-to-end testing. I contributed to both automated and manual
testing of the flagship application, performing sprint-based
smoke testing and collaborating with QA engineers to ensure
regression coverage and long-term product stability.
</p>
<p class="tools-text">
Detox • BrowserStack • Appium • Azure DevOps
</p>
</div>
</div>
<div class="info-grid">
<p class="key-text">2023</p>
<div class="work-exp-desc">
<p class="value-header-text">Genesys</p>
<p class="role-text">Software Engineer Intern</p>
<p class="value-text">
At Genesys, I developed and maintained automated API and UI
tests using Selenium to validate backend services and
application workflows. I participated in bug hunts, reviewed
and approved team commits, and worked with Jenkins-based CI/CD
pipelines to integrate automated testing into the build
process.
</p>
<p class="tools-text">Java • Selenium • Jenkins • Groovy</p>
</div>
</div>
</div>
</div>
<div class="projects-container">
<div>
<h3 class="projects-label">Projects</h3>
<div class="info-grid">
<p class="key-text">2025</p>
<div class="projects-desc">
<div>
<img
src="assets/imageMapGeneratorLogo.png"
alt="Image Map Generator Logo"
class="project-img"
/>
</div>
<a
class="value-header-text"
href="https://github.com/shama2025/ImageMapGenerator"
>ImageMapGenerator</a
>
<p class="value-text">
Built using vanilla JS, HTML, and CSS this project is both a
mobile and web app designed to assist with the creation of
interactive floor plans for companies showing clients their
floor plans. This application utilizes the annotorious and
capacitor library to help create the annotations as well as
bundle the web application for mobile phones.
</p>
<p class="tools-text">JS • HTML • CSS • Node</p>
</div>
</div>
<div class="info-grid">
<p class="key-text">2025</p>
<div class="projects-desc">
<div>
<img
src="assets/myMTGChatBotLogo.png"
alt="My MTG Chat Bot Logo"
class="project-img"
/>
</div>
<a
class="value-header-text"
href="https://github.com/shama2025/MTGChatBot"
>My MTG Chatbot</a
>
<p class="value-text">
Built an expert system that allows users to query complex
Magic: The Gathering card interactions using natural language.
The application integrates the Scryfall API to retrieve card
data, processes user queries, and formats responses for
readability. The app is deployed for both Android and iOS
platforms.
</p>
<p class="tools-text">
Android Studio • Kotlin • SwiftUI • Swift • XCode • Scryfall
</p>
</div>
</div>
<div class="info-grid">
<p class="key-text">2025</p>
<div class="projects-desc">
<div>
<img
src="assets/pixelEcomLogo.png"
alt="Pixel Store Image"
class="project-img"
/>
</div>
<a
class="value-header-text"
href="https://github.com/shama2025/ecom"
>Ecom</a
>
<p class="value-text">
Developed a full-stack ecommerce web application inspired by
Facebook Marketplace. Built with Angular and Java, this
REST-based system demonstrates core enterprise patterns
including client-server communication, data persistence, and
API-driven application design.
</p>
<p class="tools-text">Angular • Spring • Sqlite</p>
</div>
</div>
<a class="additions-link" href="additionalProjects.html"
>Additional Projects</a
>
</div>
</div>
<div class="links-container">
<div>
<h3 class="links-label">Links</h3>
<div class="info-grid">
<p class="key-text">Github</p>
<div class="link-desc">
<a class="value-header-text" href="https://github.com/shama2025"
>@shama2025</a
>
</div>
</div>
<div class="info-grid">
<p class="key-text">LinkedIn</p>
<div class="link-desc">
<a
class="value-header-text"
href="https://www.linkedin.com/in/marcus-shaffer-3ba9b0252/"
>@marcus-shaffer</a
>
</div>
</div>
<div class="info-grid">
<p class="key-text">Email</p>
<div class="link-desc">
<a
class="value-header-text"
href="mailto:shaffemarcus@gmail.com"
>shaffemarcus@gmail.com</a
>
</div>
</div>
</div>
</div>
</div>
</div>
<footer><p>Designed by Marcus Shaffer</p></footer>
</body>
</html>