1<!DOCTYPE HTML> 2<html> 3 <head> 4 <title>Andy Bonner, software engineer</title> 5 <meta charset="utf-8" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" /> 7 <!--[if lte IE 8]>
7<script src="assets/js/ie/html5shiv.js"></script>
7<![endif]--> 8 <link rel="stylesheet" href="assets/css/main.css" /> 9 <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]--> 10 <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]--> 11 <!-- leave the following commented out until I verify that I can apply it to external links and not internal ones... --> 12 <!-- <base target="_blank"> --> 13 </head> 14 <body> 15 16 <!-- Wrapper --> 17 <div id="wrapper"> 18 19 <!-- Header --> 20 <header id="header"> 21 <h1><a href="index.html"><strong>Multiverse</strong> by HTML5 UP</a></h1> 22 <nav> 23 <ul> 24 <li><a href="#footer" class="icon fa-info-circle">About</a></li> 25 </ul> 26 </nav> 27 </header> 28 29 <!-- Main --> 30 <div id="main"> 31 <article class="thumb"> 32 <a href="images/fulls/assignkick.png" class="image"><img src="images/fulls/assignkick.png" alt="" /></a> 33 <h2>AssignKick</h2> 34 <p>Helps students organize their homework assignments and notifies them of deadlines. 35 A team project, in which I implemented authentication with JSON Web Tokens and connected user data to components with Redux.</p> 36 <p> 37 <span class="popup-links"> 38 <i class="fa fa-desktop" aria-hidden="true"></i> 39 <a href="http://assignkick.herokuapp.com" target="_blank">LIVE</a> 40 </span> 41 <span class="popup-links"> 42 <i class="fa fa-github" aria-hidden="true"></i> 43 <a href="https://github.com/andybonner/assignkick" target="_blank">REPO</a> 44 </span> 45 </p> 46 </article> 47 <article class="thumb"> 48 <a href="images/fulls/scrapedot.png" class="image"><img src="images/fulls/scrapedot.png" alt="" /></a> 49 <h2>Scrapedot</h2> 50 <p>Scrapes headlines from Slashdot and saves to a Mongo database.</p> 51 <p> 52 <span class="popup-links"> 53 <i class="fa fa-desktop" aria-hidden="true"></i> 54 <a href="https://young-gorge-68347.herokuapp.com/" target="_blank">LIVE</a> 55 </span> 56 <span class="popup-links"> 57 <i class="fa fa-github" aria-hidden="true"></i> 58 <a href="https://github.com/andybonner/mongoose-scraper" target="_blank">REPO</a> 59 </span> 60 </p> 61 </article> 62 <article class="thumb"> 63 <a href="images/fulls/bookbuds.png" class="image"><img src="images/fulls/bookbuds.png" alt="" /></a> 64 <h2>Book Buddies</h2> 65 <p>Helps book lovers find, join, create, and organize book clubs. A group project using Node, Express, MySQL, passport, sequelize, handlebars, and Foundation. I was involved with authentication via passport, routing, sequelize queries, and handlebars partials and helpers.</p> 66 <p> 67 <span class="popup-links"> 68 <i class="fa fa-desktop" aria-hidden="true"></i> 69 <a href="https://bookbuds.herokuapp.com" target="_blank">LIVE</a> 70 </span> 71 <span class="popup-links"> 72 <i class="fa fa-github" aria-hidden="true"></i> 73 <a href="https://github.com/mderoberts/book-buddies" target="_blank">REPO</a> 74 </span> 75 </p> 76 </article> 77 <article class="thumb"> 78 <a href="images/fulls/burger.png" class="image"><img src="images/fulls/burger.png" alt="" /></a> 79 <h2>Eat-Da-Burger</h2> 80 <p>Node, Express, MySQL, sequelize, and Handlebars power a build-your-own-burger interface.</p> 81 <p> 82 <span class="popup-links"> 83 <i class="fa fa-desktop" aria-hidden="true"></i> 84 <a href="https://burgermaker.herokuapp.com" target="_blank">LIVE</a> 85 </span> 86 <span class="popup-links"> 87 <i class="fa fa-github" aria-hidden="true"></i> 88 <a href="https://github.com/andybonner/sequelizeburger" target="_blank">REPO</a> 89 </span> 90 </p> 91 </article> 92 <article class="thumb"> 93 <a href="images/fulls/spelling.png" class="image"><img src="images/fulls/spelling.png" alt="" /></a> 94 <h2>SpellingBeeForMee</h2> 95 <p>Drills user to practice spelling by fetching word pronunciation audio and example sentences from a dictionary API and matching user input against word array. Saves userâs scores and a record of missed or skipped words.<
95/p> 96 <p> 97 <span class="popup-links"> 98 <i class="fa fa-desktop" aria-hidden="true"></i> 99 <a href="https://andybonner.github.io/spellingbeeformee/" target="_blank">LIVE</a> 100 </span> 101 <span class="popup-links"> 102 <i class="fa fa-github" aria-hidden="true"></i> 103 <a href="https://github.com/andybonner/spellingbeeformee" target="_blank">REPO</a> 104 </span> 105 </p> 106 </article> 107 <article class="thumb"> 108 <a href="images/fulls/night.png" class="image"><img src="images/fulls/night.png" alt="" /></a> 109 <h2>Night by Night</h2> 110 <p>A team project with <a href="https://github.com/mkdinh/">Michael Dinh</a> and <a href="https://github.com/jaycen9887">Jaycen Milling</a>. Informs stargazers of astronomical events/objects of interest and viewing conditions. I was personally responsible for user authentication and data persistence via Firebase, integration with Google Calendar API, and creating an algorithm to assign each night a "stargazing score."</p> 111 <p> 112 <span class="popup-links"> 113 <i class="fa fa-desktop" aria-hidden="true"></i> 114 <a href="https://mkdinh.github.io/Night-by-Night/" target="_blank">LIVE</a> 115 </span> 116 <span class="popup-links"> 117 <i class="fa fa-github" aria-hidden="true"></i> 118 <a href="https://github.com/mkdinh/Night-by-Night" target="_blank">REPO</a> 119 </span> 120 </p> 121 </article> 122 <article class="thumb"> 123 <a href="images/fulls/trains.png" class="image"><img src="images/fulls/trains.png" alt="" /></a> 124 <h2>TrainTimes</h2> 125 <p>A Firebase database populates a table of trains, while <a href="https://momentjs.com/" target="_blank">Moment.js</a> helps dynamically calculate values like "next arrival." Users can complete a form to push a new train to the database.</p> 126 <p> 127 <span class="popup-links"> 128 <i class="fa fa-desktop" aria-hidden="true"></i> 129 <a href="https://andybonner.github.io/traintimes/" target="_blank">LIVE</a> 130 </span> 131 <span class="popup-links"> 132 <i class="fa fa-github" aria-hidden="true"></i> 133 <a href="https://github.com/andybonner/traintimes" target="_blank">REPO</a> 134 </span> 135 </p> 136 </article> 137 <article class="thumb"> 138 <a href="images/fulls/bamazon.png" class="image"><img src="images/fulls/bamazon.png" alt="" /></a> 139 <h2>Bamazon</h2> 140 <p>A mock department-store inventory management system. Uses two MySQL tables (joining), Node.js, and the <a href="https://www.npmjs.com/package/inquirer" target="_blank">inquirer module</a> for CLI.</p> 141 <p> 142 <span class="popup-links"> 143 <i class="fa fa-github" aria-hidden="true"></i> 144 <a href="https://github.com/andybonner/bamazon" target="_blank">REPO</a> 145 </span> 146 <span class="popup-links"> 147 <i class="fa fa-youtube-play" aria-hidden="true"></i> 148 <a href="https://youtu.be/w-d_9ryx3Vs" target="_blank">DEMO VIDEO</a> 149 </span> 150 </p> 151 </article> 152 <article class="thumb"> 153 <a href="images/fulls/calc.png" class="image"><img src="images/fulls/calc.png" alt="" /></a> 154 <h2>Cakkalate</h2> 155 <p>A javascript calculator, styled after the <a href="http://hrwiki.org/wiki/Cakkalate" target="_blank">coolest pocket calculator ever</a>.</p> 156 <p> 157 <span class="popup-links"> 158 <i class="fa fa-desktop" aria-hidden="true"></i> 159 <a href="https://andybonner.github.io/Cakkalate/" target="_blank">LIVE</a> 160 </span> 161 <span class="popup-links"> 162 <i class="fa fa-github" aria-hidden="true"></i> 163 <a href="https://github.com/andybonner/Cakkalate" target="_blank">REPO</a> 164 </span> 165 </p> 166 </article> 167 <article class="thumb"> 168 <a href="images/fulls/twitch.png" class="image"><img src="images/fulls/twitch.png" alt="" /></a> 169 <h2>Who's on Twitch</h2> 170 <p>Calls the <a href="https://www.twitch.tv/" target="_blank">Twitch.tv</a> API to show channels' online status. Dynamically updates lists and modals, and saves to localStorage.</p> 171 <p> 172 <span class="popup-links"> 173 <i class="fa fa-desktop" aria-hidden="true"></i> 174 <a href="https://andybonner.github.io/WhosOnTwitch" target="_blank">LIVE</a> 175 </span> 176 <span class="popup-links"> 177 <i class="fa fa-github" aria-hidden="true"></i> 178 <a href="https://github.com/andybonner/WhosOnTwitch" target="_blank">REPO</a> 179 </span> 180 </p> 181 </article> 182 <article class="thumb"> 183 <a href="images/fulls/quiz.png" class="image"><img src="images/fulls/quiz.png" alt="" /></a> 184 <h2>Trivia quiz</h2> 185 <p>A quiz on Sierra Leone trivia (on behalf of <a href="http://hopemed.org/" target="_blank">Hope Medical Mission</a>), using javascript timers.</p> 186 <p> 187 <span class="popup-links"> 188 <i class="fa fa-desktop" aria-hidden="true"></i> 189 <a href="https://andybonner.github.io/TriviaGame/" target="_blank">LIVE</a> 190 </span> 191 <span class="popup-links"> 192 <i class="fa fa-github" aria-hidden="true"></i> 193 <a href="https://github.com/andybonner/TriviaGame" target="_blank">REPO</a> 194 </span> 195 </p> 196 </article> 197 <article class="thumb"> 198 <a href="images/fulls/weather.png" class="image"><img src="images/fulls/weather.png" alt="" /></a> 199 <h2>Weather app</h2> 200 <p>A clean, minimal weather app using geolocation, a call to the Forecast.io API, and their classy "Skycons," all wrapped up in a Materialize card.</p> 201 <p> 202 <span class="popup-links"> 203 <i class="fa fa-desktop" aria-hidden="true"></i> 204 <a href="https://andybonner.github.io/weather/" target="_blank">LIVE</a> 205 </span> 206 <span class="popup-links"> 207 <i class="fa fa-github" aria-hidden="true"></i> 208 <a href="https://github.com/andybonner/weather" target="_blank">REPO</a> 209 </span> 210 </p> 211 </article> 212 <article class="thumb"> 213 <a href="images/fulls/hangman.png" class="image"><img src="images/fulls/hangman.png" alt="" /></a> 214 <h2>Hangman</h2> 215 <p>
215In addition to a clean, modern Bootstrap version I couldn't resist making "Ye Olde Hangman."</p> 216 <p> 217 <span class="popup-links"> 218 <i class="fa fa-desktop" aria-hidden="true"></i> 219 <a href="https://andybonner.github.io/hangman/" target="_blank">LIVE</a> 220 </span> 221 <span class="popup-links"> 222 <i class="fa fa-github" aria-hidden="true"></i> 223 <a href="https://github.com/andybonner/hangman" target="_blank">REPO</a> 224 </span> 225 </p> 226 </article> 227 228 <!-- archived entries --> 229 230 231 </div> 232 233 <!-- Footer --> 234 <footer id="footer" class="panel"> 235 <div class="inner split"> 236 <div> 237 <section> 238 <h2>Andy Bonner</h2> 239 <p>I am a software engineer in Durham, NC. I build clean apps with intuitive user interfaces.</p> 240 <p>I have experience in MySQL, MongoDB, Node, Express, React, Javascript, jQuery, HTML5, CSS, Sass, Materialize, Bootstrap, and Firebase. My graduation from the <a href="https://codingbootcamp.unc.edu/" target="_blank">UNC coding bootcamp</a> is Nov. 4 2017.</p> 241 </section> 242 <p class="copyright"> 243 Design: "Multiverse" by <a href="http://html5up.net">HTML5 UP</a>. 244 </p> 245 </div> 246 <div> 247 <section> 248 <h2>Get in touch:</h2> 249 <ul class="icons"> 250 <li><a href="mailto:[email protected]" class="icon fa-envelope"><span class="label">Email</span></a></li> 251 <li><a href="https://github.com/andybonner" class="icon fa-github"><span class="label">GitHub</span></a></li> 252 <li><a href="https://www.linkedin.com/in/andy-bonner" class="icon fa-linkedin"><span class="label">LinkedIn</span></a></li> 253 </ul> 254 </section> 255 </div> 256 </div> 257 </footer> 258 259 </div> 260 261 <!-- Scripts --> 262
262<script src="assets/js/jquery.min.js"></script>
262 263
263<script src="assets/js/jquery.poptrox.min.js"></script>
263 264
264<script src="assets/js/skel.min.js"></script>
264 265
265<script src="assets/js/util.js"></script>
265 266 <!--[if lte IE 8]>
266<script src="assets/js/ie/respond.min.js"></script>
266<![endif]--> 267
267<script src="assets/js/main.js"></script>
267 268 269 </body> 270</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.