Profile picture

John Watterson

Front-End Engineer / UI & UX Designer
Pronouns he/him
Open Resume Email Directly

About me

Creative and collaborative Front End Software Engineer with experience using design to address a wide range of needs. Masterful at incorporating client and team feedback and using complex technical processes to create award-winning designs, from international medal-winning IPA recipes to packaging used nation-wide to applications that teach others. Brings others into the action by teaching how to use processes and by seeking feedback from diverse stakeholders on the goals and execution of projects.

Preferred locations

  • Denver, CO
  • Coeur d'Alene, ID
  • Missoula, MT
  • Santa Fe, NM
Open to other locations and/or remote work

Previous industries

  • Information Technology and Services
  • Graphic Design
  • Food & Beverages

Skills

  • GitHub
  • JavaScript
  • Mocha
  • React
  • User Interface Design / UI
  • Visual Studio
  • Webpack

Currently learning

  • Kubernetes

Projects

Fish Dish

Fish Dish

Project scope time 44 hours
Collaborators

Tools Used

  • CSS3
  • HTML5
  • JavaScript
  • React

Fish Dish is an Application designed with the concerning pescatarian in mind. The application provides an expansive interactive list of all of the most popular ocean fish species consumed in the U.S.. As a user, you can:

  • see and search all of the fish by name
  • save fish (by clicking the star button on a fish's card)
  • see all of your saved fish by navigating to the saved button
Launch the App Code Repository
Screenshot detail for project Fish Dish
Screenshot thumbnail #1 for project Fish Dish

To the Moon & Back

To the Moon & Back

Project scope time 120 hours
Collaborators Profile picture for Kyle Iverson Profile picture for Alex Pariseau Profile picture for Jack  Gould Profile picture for Liliana Weimer

Tools Used

  • CSS3
  • HTML5
  • React
  • Sass

To The Moon & Back is an educational app intended for use by kids (and adults!) curious about the solar system. It provides an immersive, educational ”space travel” experience through imaginary voyages to other planets in our solar system. The user can plan a trip for up to five travelers to one of nine celestial bodies, and while there see differences in weight and age (due to gravity and travel time), and learn about landmarks. There is also a recent space news item on the home page for further reading.

Launch the App Code Repository
Screenshot detail for project To the Moon & Back
Screenshot thumbnail #1 for project To the Moon & Back Screenshot thumbnail #2 for project To the Moon & Back Screenshot thumbnail #3 for project To the Moon & Back Screenshot thumbnail #4 for project To the Moon & Back

Activity Tracker

Activity Tracker

Project scope time 65 hours
Collaborators Profile picture for Kyle Barnett

Tools Used

  • Chai
  • CSS3
  • HTML5
  • JavaScript
  • Mocha
General info

Activity tracker is an application that shows pertinent metrics, and trends for each user's sleep, hydration, and steps data repositories. The application uses these data repositories, and then (using methods on various object Classes) compiles and calculates specifics, so that all the user's information can be displayed on the page's widgets in a meaningful way. This project was created as a paired programming exercise in Front End Engineering Module 2 at Turing School of Software and Design This project demonstrates a comprehension of TDD test driven development, object oriented programming, data structure and analysis, as well as DOM creation around the analyzed data.

Learning Goals
  • Test Driven development
  • Object Oriented Programming
  • DRY and Re-useable Code
  • Data Analysis
Launch the App Code Repository
Screenshot detail for project Activity Tracker
Screenshot thumbnail #1 for project Activity Tracker Screenshot thumbnail #2 for project Activity Tracker