Roy's Portfolio Site

Nanodegree: Front-end Web Development

Shifting from SharePoint to open standards web development. Interested in making information findable so that it can inform, enrich, and empower.

Projects

Real life

School-based

Test

I am currently transitioning out of active duty military.

Although my service obligation is officially over on May 1st, 2018, I will be available for full-time employment mid-February 2018. In the meantime, please feel to contact me!

Course Start!

Article Mockup

Used HTML and CSS to convert a PDF mockup into a functional website

Animal Trading Cards

Used HTML and CSS to convert a PDF mockup into a functional website

Build a Portfolio Site

Link to finished project

Developed a personal portfolio page using HTML, CSS, and the Bootstrap framework. The page is fully responsive and works on mobile, tablet, and desktop browsers.

Responsive portfolio site
JS

Online Resume

Link to finished project

Link to GitHub repo

Using jQuery, developed an interactive resume application that reads all data from a JSON file and then dynamically modifies the DOM to display the information. Further customized the project by personalizing the design using CSS.

Classic Arcade Game

Link to finished project.

Link to GitHub repo

Use arrow keys to navigate! No controls available on mobile(yet).

An HTML5 Canvas powered video game, developed using the best practices in Object Oriented JavaScript.

Arcade game clone

Website Optimization

Optimized an inefficient web application's JavaScript, CSS and assets delivery, ensuring it runs at 60fps and achieves a Google PageSpeed score of at least 90.

Link to finished project.


The focus is on code optimization so it would be better to look into the project's source files. Focus in on commit dates between November and early Decemeber of 2017

Link to GitHub repo

Google Pagespeed score of 98% 60 frames per second page render

Neighborhood Map

Link to finished project

Link to repo

Single-page application featuring a neighborhood map with point-of-interest markers, filter feature, and a list view to browse points. This project also implements the Foursquare and Google panorama APIs to bring in additional information such as ratings, menus, etc.

Neighborhood map project
jasmine icon

Feed Reader Testing

Project uses Jasmine to explore test driven development (TDD) using JavaScript.


Link to finished project

Link to repo

Jasmine tests on Udacity feedreader

Course Certification

Udacity certification