-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·149 lines (148 loc) · 7.05 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="keywords" content="github, code, software, development, frontend, backend">
<title>Kristopher Bullinger</title>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.0/normalize.min.css">
<link rel="stylesheet" href="style/style.css">
<script src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.7.1/modernizr.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
</head>
<body>
<div id="stylewrapper" class="clearfix">
<section id="name">
<h1>Kristopher Bullinger</h1>
<h2 id="title">Full-Stack Software Developer</h2>
<div class="flexwrapper social">
<span><a href="https://github.com/kristopherbullinger" target="_blank">Github</a></span>
<!--<span><a href="https://medium.com/@kristopher.bullinger" target="_blank">Blog</a></span>-->
<span><a href="https://docs.google.com/document/d/1dI1Yh-mPNgTvfQfva7wtCFhwnVxtB0I579NYNBXUdNI/edit?usp=sharing" target="_blank">Resume</a></span>
<span><a href="http://www.linkedin.com/in/kristopher-bullinger" target="_blank">LinkedIn</a></span>
</div>
</section>
<section>
<h2>About Me</h2>
<p>I'm a Full-stack Software Developer with a love for new ideas. I'm proficient with Javascript, React, HTML, CSS + preprocessors (SASS), Node.js,
Ruby on Rails, as well as NoSQL and SQL-based technologies.
</p>
</p>
I'm always looking for something new to learn! I have a background in chemical engineering, and went to attend Flatiron School
of Software Engineering to jump into the exciting world of technology. I have since interned at an innovative "social media as a service" startup in NYC, custom-making business solutions for their sales and account management personnel.
</p>
</p>
Outside of these experiences, I am always making an effort to learn something new and useful on my own time or in collaboration with others.
If you're interested in using software to solve a complex need and think we could work well together, drop me a line at <a href="mailto:kris.bullinger@gmx.com">kris.bullinger@gmx.com</a>.
</p>
</section>
<section>
<h2 style="margin-bottom: 20px;">Skills</h2>
<div id="skills" class="flexwrapper">
<div class="skill">
<img src="./images/react.jpg" alt="react.js">
React
</div>
<div class="skill">
<img src="./images/nodejs.png" alt="Node.js">
Node
</div>
<div class="skill">
<img src="./images/js.png" alt="javascript">
Javascript
</div>
<div class="skill">
<img src="./images/ruby.png" alt="ruby">
Ruby
</div>
<div class="skill">
<img src="./images/rails.jpg" alt="rails">
Rails
</div>
<div class="skill">
<img src="./images/html.jpg" alt="html">
HTML
</div>
<div class="skill">
<img src="./images/css3.png" alt="css">
CSS
</div>
<div class="skill">
<img src="./images/noSQL.png" alt="mongoDB">
NoSQL
</div>
<div class="skill">
<img src="./images/sql.png" alt="sql">
SQL
</div>
<div class="skill">
<img src="./images/python.png" alt="python">
Python
</div>
<div class="skill">
<img src="./images/rust.png" alt="rust">
Rust
</div>
<div class="skill">
<img src="./images/go.png" alt="go">
Go
</div>
<div class="skill">
<img src="./images/aws.png" alt="aws">
AWS
</div>
</div>
</section>
<section>
<h2>Projects</h2>
<div id="projects">
<div class="project">
<div class="project-image">
<img src="./images/framedb.jpg" alt="framedb">
<p class="project-title">FrameDB</p>
</div>
<div>A community-maintained repository for all move properties in the popular fighting game Tekken 7. All users may browse any page, while registered users may provide edits to any table. Users may be invited to register only by already-registered users. Built with Node + Express, MongoDB, sessions, JWTs, and the EJS templating engine.
<p>
<a href="https://github.com/kristopherbullinger/FrameDB" target="_blank">Github</a>
</p>
</div>
</div>
<div class="project">
<div class="project-image">
<img src="./images/repop.jpg" alt="repop">
<p class="project-title">repop</p>
</div>
<div>Clothing commerce platform aimed at the fashion-savvy. Built with a Rails API serving a React/JS frontend. Users can browse anonymously or create a secure account to follow other users, like and purchase items and leave reviews after purchases.
<p>
<a href="https://www.youtube.com/watch?v=hnVKPGqlfwQ&feature=youtu.be" target="_blank">Video Demo</a>
<a href="https://github.com/kristopherbullinger/repop-frontend" target="_blank">Github (Client)</a>
<a href="https://github.com/kristopherbullinger/repop-backend" target="_blank">Github (Server)</a>
</p>
</div>
</div>
<div class="project">
<div class="project-image">
<img src="./images/friendly_neighbor.jpg" alt="Friendly Neighbor">
<p class="project-title">Friendly Neighbor</p>
</div>
<div>Rent household appliances and tools from other users. Full-stack Ruby on Rails app utilizing the MVC app architecture. Users can search for their desired item with a search bar, see which items are available for rent, and which items will be available for rent soon.
<p>
<a href="https://www.youtube.com/watch?v=5zh-Uo3X1Mc&feature=youtu.be" target="_blank">Video Demo</a>
<a href="https://github.com/kristopherbullinger/Friendly_Neighbor" target="_blank">Github</a>
</p>
</div>
</div>
<div class="project">
<div class="project-image">
<img src="./images/syncup.jpg" alt="SyncUp">
<p class="project-title">SyncUp</p>
</div>
<div>Event board displaying user-posted events that others register to attend. A JS frontend served by a Rails backend. Users can post events with tags, allowing other users to find the event by typing in the search bar, as well as see all events which they have registered to attend.
<p>
<a href="https://www.youtube.com/watch?v=twHNYZaf_mU&feature=youtu.be" target="_blank">Video Demo</a>
<a href="https://github.com/kristopherbullinger/SyncUp" target="_blank">Github</a>
</p>
</div>
</div>
</section>
</div>
</body>