-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
303 lines (302 loc) · 12.7 KB
/
index.html
File metadata and controls
303 lines (302 loc) · 12.7 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
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
<html>
<head>
<title>Charlie McVicker</title>
<link rel="stylesheet" href="styles.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="grid-wrapper">
<h1>
Charlie McVicker
</h1>
<div class="portrait">
<img src="assets/portrait.jpeg"/>
</div>
<div class="content">
<section class="fixed-width">
<h2>
About me
</h2>
<p>
I am a young software developer living in Southern VT. I just finished my freshman year at Union College, in Scenectady, where I study math, computer science, philosophy and German - such are the benefits of being undeclared. I've
been writing code since 2nd grade, when I learned Java to help my older brother make Minecraft mods.
</p>
<p>
Inspired by my father's career in software development, I got deeper into computer science and gained more skills as I got older. Although I have only studied CS academically for one year, I entered the program studying data
structures and have had the opportunity to take multiple junior/senior level courses.
</p>
<p>
Professionally, I consider myself much more an implementor than designer of user interfaces, and I look forward to working with brilliant minds in design as my career moves forward.
</p>
<p>
Beyond tech, I work as a line and prep cook and I like to play the guitar, study theories of politcal organization, and find new and engaging ways to be a positive impact on my community and in the world.
</p>
<p>
Find me on <a href="https://github.com/CharlieMcVicker">GitHub</a> or
<a href="https://www.linkedin.com/in/cmcvicker">LinkedIn</a>
</p>
<p><a href="assets/spring-2020.pdf">My resume as of June, 2020</a>.</p>
</section>
<section class="fixed-width">
<h2>
Papers
</h2>
<p>
If you'd like a sense for my philosophy work, here is an unpublished paper from Spring, 2020. It finds itself in the middle of the intellectualist / anti-intellectualist debate of "knowing-how," drawing its inspiration from Newell and Simon's work on the computer science concept of the "Physical Symbol System."
</p>
<div class="links">
<p>
<a href="assets/nonprop-knowing.pdf">Non-Propositional Knowledge: Access and Procedures, Spring 2020</a>
</p>
</div>
</section>
<section class="fixed-width">
<h2>Computer Science Projects</h2>
<p>
<em>
Some projects may take a little while to load, because they are hosted using
<a href="https://glitch.com" target="_blank" rel="noopener noreferrer">Glitch</a>.
</em>
</p>
<div class="subsection">
<h3>
Recent Web-Dev
</h3>
<div class="project-list">
<div class="project card">
<em>
Mathjax-React Package
</em>
<hr />
<p>
Here is a single component React library I designed as a consultant for NumFOCUS. It provides performant and accessible bindings for
<a href="https://mathjax.org" target="_blank" rel="noopener noreferrer">MathJax</a>
version 3 in React.
</p>
<div class="links">
<p>
<a href="https://www.npmjs.com/package/mathjax-react" target="_blank" rel="noopener noreferrer">
NPM Page
</a>
</p>
</div>
<div class="tags">
<span>React</span>
<span>Typescript</span>
</div>
</div>
<div class="project card">
<em>
Dorset Historical Society - Find a Grave
</em>
<hr />
<p>
I made this in Spring 2017 as a voulenteer for my local historical society. The design targets coherence with
<a href="http://www.dorsetvthistory.org/" target="_blank" rel="noopener noreferrer">their main site.</a>
</p>
<a class="img-wrapper" href="http://dorsetvthistory.org/cemetery/" target="_blank" rel="noopener noreferrer">
<img src="assets/dhs-find-a-grave.png" />
</a>
<div class="tags">
<span>Vue.js</span>
<span>Bootstrap</span>
</div>
</div>
<div class="project card">
<em>
Dorset Historical Society - Playhouse Database
</em>
<hr />
<p>
I made this in Summer 2019 as a voulenteer for my local historical society. The design targets coherence with
<a href="http://www.dorsetvthistory.org/" target="_blank" rel="noopener noreferrer">their main site.</a>
</p>
<a class="img-wrapper" href="http://dorsetvthistory.org/players/" target="_blank" rel="noopener noreferrer">
<img src="assets/dhs-players.png" />
</a>
<div class="tags">
<span>Vue.js</span>
<span>Bootstrap</span>
</div>
</div>
<div class="project card">
<em>
EON Website - (Work in Progress)
</em>
<hr />
<p>
I started this project this spring with a friend from school. We drew inspiration from a number of other modern sites, with the goal of creating a clean but inviting experienced centered on communicating the message of the
organization.
</p>
<p>
I personally oversaw the project and made the landing page, a 'Meet the Team' view, and a sample content page. I was lucky enough to hand off developement to my friend Ian who is now managing the project.
</p>
<p>
All that's to say is this project is currently under development and I am no longer on the team, so I'm not sure what the site uptime is like.
</p>
<div class="links">
<p>
<a href="https://eon-website.glitch.me/#/" target="_blank" rel="noopener noreferrer">
Home page
</a>
</p>
<p>
<a href="https://eon-website.glitch.me/#/team" target="_blank" rel="noopener noreferrer">
Meet the Team
</a>
</p>
<p>
<a href="https://eon-website.glitch.me/#/projects/breakfast" target="_blank" rel="noopener noreferrer">
Content page
</a>
</p>
<p>
<a href="https://github.com/CharlieMcVicker/eon-website" target="_blank" rel="noopener noreferrer">
Source on GitHub
</a>
</p>
</div>
<div class="tags">
<span>Vue.js</span>
<span>Plain CSS</span>
</div>
</div>
<div class="project card">
<em>
This site you're reading now!
</em>
<hr />
<p>
I threw this site together in an afternoon, and you can see the source on GitHub.
</p>
<div class="links">
<p>
<a href="https://github.com/CharlieMcVicker/about-me" target="_blank" rel="noopener noreferrer">
Source
</a>
</p>
</div>
<div class="tags">
<span>Static HTML</span>
<span>Plain CSS</span>
</div>
</div>
</div>
</div>
<div class="subsection">
<h3>
Systems / Academic Work
</h3>
<div class="project-list">
<div class="project card">
<em>
Lisp Intepreter (written in Rust)
</em>
<hr />
<p>
This is a passion project from a programming languages course I took spring of 2020. It is a lisp intepreter written with a focus on utilizing rust's algebraic data types and pattern matching control flows.
</p>
<p>
This project is probably only interesting if you know rust.
</p>
<div class="links">
<p>
<a href="https://github.com/CharlieMcVicker/rust-lisp" target="_blank" rel="noopener noreferrer">Source on GitHub</a>
</p>
</div>
<div class="tags">
<span>Rust</span>
</div>
</div>
<div class="project card">
<em>
AI Portfolio
</em>
<hr />
<p>
This is a collection of work from an AI class I took winter 2020. It contains stuff from A* search to ANN's, QLearning, and genetic algorithms to grow trees.
</p>
<p>
Detailed readme with manifest inside.
</p>
<div class="links">
<p>
<a href="https://cs-gitlab.union.edu/mcvickec/mcvicker-csc320" target="_blank" rel="noopener noreferrer">Source on GitLab</a>
</p>
</div>
<div class="tags">
<span>Python</span>
<span>Tensorflow</span>
<span>Numpy</span>
<span>Rust</span>
<span>OpenGL</span>
<span>Qt5</span>
</div>
</div>
</div>
</div>
<div class="subsection">
<h3>
Early Work
</h3>
<div class="project-list">
<div class="project card">
<em>
Fractals and Iterative Maps
</em>
<hr />
<p>
This is an old project from highschool. After reading the
<a href="https://hypertextbook.com/chaos/" target="_blank" rel="noopener noreferrer">Chaos hypertextbook</a>, I got pretty interested in chaos, and specifically chaotic interative mappings. This project grew out of a lack
for easy plug and play tooling for getting hands on with chaotic equations.
</p>
<div class="links">
<p>
<a href="https://codex-fractals.glitch.me" target="_blank" rel="noopener noreferrer">Site</a>
and
<a href="https://glitch.com/edit/#!/codex-fractals" target="_blank" rel="noopener noreferrer">
Source
</a>
</p>
</div>
<div class="tags">
<span>Canvas2d</span>
<span>jQuery</span>
</div>
</div>
<div class="project card">
<em>
CodexVT
</em>
<hr />
<p>
When my family moved to Vermont, we started offering tech summercamps through my local highschool. We started small, but over time my brother, father and I were able to hire some of my friends, offer smaller "bootcamps" for
exceptional students at our home, and even take some kids on as teaching-assistants at the main program.
</p>
<p>
Though I was very young when we started (about 13, I think), I was engaged in developing and delivering curriculum on a whole slew of topics, ranging from the Construct game platform, to my own course on backprop and machine
learning that I ran myself the last year we ran the program.
</p>
<p>
Our old site is still up on Wordpress with an archive of testimonials and blog posts if you are interested in this kind of work:
</p>
<div class="links">
<p>
<a href="https://codexvt.com/" target="_blank" rel="noopener noreferrer">Our Site</a>
</p>
</div>
<div class="tags">
<span>Education</span>
<span>Javascript</span>
<span>HTML</span>
<span>jQuery</span>
<span>Python</span>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</body>
</html>