Hello World


The following is a collection of projects I completed to earn the Front End Web Development Tech Degree from Treehouse.

My Personal Profile Page

Customize a personal online profile by adding graphics, customizing text, and improving the look of a web page using Cascading Style Sheets, the formatting language of the web. Share your finished project on GitHub, a website used by teams of programmers to share and work on programming code.

Grade: Exceeds Expectations


  • Include required files
  • Links
  • Added a photo and background
  • Changed placeholder text for name, background and goals
  • Valid code
View Project

Web Style Guide

Sass is an important tool in a modern Front End Web Developer’s toolbox. It's used by many developers to make styling web pages with CSS easier and faster. Create a style guide that can act as your own personal and custom Bootstrap that you can drop into any of your projects to speed up styling, layout and development in general.

Grade: Exceeds Expectations


  • Project folders
  • Variables
  • Mixins
  • Design
View Project

An Interactive Photo Gallery

Interactive image galleries are a common feature of many websites, from photo sites to e-commerce applications. Use HTML, CSS and the popular programming language JavaScript to create an interactive, searchable gallery of photos.

Grade: Exceeds Expectations


  • Design
  • Lightbox functionality
  • Content Filtering
View Project

Game Show App

In this project, you'll create a browser version of “Wheel of Success”, a word guessing game. You’ll use Javascript to come up with a random phrase that players will try to guess by entering different letters into the program.

Grade: Exceeds Expectations


  • Phrases
  • Phrase display
  • Keyboard
  • Game over
View Project

WebApp Dashboard

Build an interactive dashboard for a web application using advanced web techniques including SVG graphics and JavaScript programming. The project involves creating tables, charts, graphics and other user interface components in a manner that promotes interactivity and usability.

Grade: Exceeds Expectations


  • Mobile-first
  • Alert Notifications
  • Chart Widgets
  • Social Network Information
  • New Members and Recent Activity Listing
  • Message User Widget
  • Settings Widget
View Project

Use an API to Create an Employee Directory

Many sites — Twitter, Facebook, IMDB, and Wikipedia to name a few — offer a vast sea of data that you can access and display on your own web pages. Using JavaScript, you’ll create an employee directory by communicating with a third-party API (Application Programming Interface).

Grade: Exceeds Expectations


  • API Usage
  • User Directory
  • Modal Window
  • Matching the Mockups
View Project

About Me

Josh Lopez

Hello World! I'm Josh Lopez, Front End Web Developer Extraordinaire. Dang that sounds fancy! I am a father, husband, geek, and code adventurer. My favorite thing to do is make cool stuff for the web.

Experience: Over 10 years building stuff on the web.


  • HTML
  • CSS
  • Javascript/JQuery
View Profile