Brian's Portfolio

Project 1

Peronal Portfolio

  • simple single page portfolio exercise for team treehouse
  • built using mockups provided as png
Project One View Project One

Project 2

Responsive Layout

  • simple single page portfolio exercise for team treehouse
  • built using mockups provided as png
  • used mobile first approach of site building
Project Two View Project Two

Project 3

Online Registration Form

  • single page form exercise for team treehouse
  • built using mockups provided as pngs
  • used mobile first approach of site building
  • form styling with use of psuedo elements and placeholders
Project Three View Project Three

Project 4

Online Photo Gallery Lightbox

  • photo gallery exercise for team treehouse
  • built using mockups provided as pngs
  • keyword search, with captions and lightbox
Project Four View Project Four

Project 5

Web Style Guide

  • used mobile first approach of site building
  • built using mockups provided as pngs
  • made with SASS using partials, variables, extends, and mixins to apply the styles and classes to the style guide page
  • no classes uses same markup
Project Five View Project Five

Project 6

Interactive Video Player

  • used mobile first approach of site building
  • Implement a media player
  • Embed the two video formats using HTML
  • Add the transcript below the video
  • Highlight words as viedo plays
Project Six View Project Six

Project 7

Game Show App

  • Using Javascript, choose a random phrase from that array, split the phrase into letters, and put those letters onto the gameboard.
  • Each time the player guesses a letter, you’ll need to compare the letter the player has chosen with the random phrase.
  • A player can keep choosing letters until they make five incorrect guesses.
  • used mobile first approach of site building
Project Seven View Project Seven

Project 8

SVG Animations

  • You'll need to use the SVG files provided to match the mockup as closely as possible.
  • Added inline svgs images and altered colors via css
  • used mobile first approach of site building
Project Eight View Project Eight

Project 9

Web App Dashboard

  • Create a responsive web page from the supplied dashboard.png
  • Demo alert notification.
  • Chart widgets
  • Social Stats Widget
  • Message User Widget
  • Settings Widget
Project Nine View Project Nine

Project 10

Employee Directory

  • Parse random user api using only raw javascript
  • Display results in modal window
  • Format to match mockups
  • Use mobile first approach when buidling
  • Built search to filter by name
  • New results are fetched every page load
Project Ten View Project Ten

Project 11

Flickr Photo Gallery using React

  • Built react app using flickr api
  • Can search and load various pages using React Router
  • Searches flickr api in realtime
  • Uses axios to parse json feed
Project Eleven View Project Eleven

Project 12

Capstone Project Online Portfolio

  • Created showcase of online projects
  • Transition and filter projects
  • Links to all repo's and code online
  • Uses css animations and custom javascript
Project Twelve View Project Twelve