Profile picture

Peter Muellerleile

Front-End Engineer
Pronouns he/him
Open Resume Email Directly

About me

Former bartender, restaurant manager, and all-around service industry professional now entering the tech workforce as a software engineer. Throughout my life and career I've always held a love of problem-solving, aesthetic design, and interpersonal communication, and I'm looking forward to fostering and channeling these passions in my new role as a developer.

I enjoy building user-friendly applications that provide practical solutions to every day problems. My career goal is to continue learning, growing, and building as part of a collaborative, goal-oriented team, and to write clean, thoughtful, and empathetic code in the process.

Preferred locations

  • Denver, CO
Open to other locations and/or remote work

Previous industries

  • Food & Beverages
  • Hospitality
  • Restaurants

Skills

  • C++
  • Chai
  • Continuous Integration
  • CSS3
  • Cypress
  • Git
  • GitHub
  • Heroku
  • HTML5
  • JavaScript
  • Mocha
  • Node.js
  • Npm
  • React
  • Redux
  • Sass
  • Travis
  • User Experience Design / UX
  • User Interface Design / UI

Currently learning

  • GraphQL

Projects

Walk Safe

Walk Safe

Project scope time 120 hours
Collaborators Profile picture for Mike Foy Profile picture for Caroline Eubanks Profile picture for Joe Mecha Profile picture for Gaelyn Cooper Profile picture for Bryan Hohn

Tools Used

  • CSS3
  • Git
  • GitHub
  • Google
  • GraphQL
  • Heroku
  • HTML5
  • JavaScript
  • Npm
  • React
  • Sass
  • Travis

🏆 1st Place Winner of Turing Demo Comp

This app was created to empower individuals to walk alone, Walk Safe brings a user’s community along on the trip. Utilizing Geolocation and SMS messaging APIs, we keep a user’s community informed of their trip status from start to finish. Should an unforeseen interruption arise, Walk Safe will immediately alert the user’s chosen contact. We’ve got your back.

Notable Features

  • React + Hooks to structure component functionality and user flow
  • GoogleMaps Places API to autocomplete starting and ending addresses
  • GoogleMaps API data from backend to determine estimated trip time
  • Twilio SMS Messaging API to send "trip started", "trip ended", "trip extended", and "alert!" notifications to user's selected contact
  • React Toastify package to display popup windows notifying the user of successful/unsuccessful SMS message delivery
  • Apollo + GraphQL to receive contact and trip data from server
  • React 'countdown-circle-timer' package to provide intuitive visual display of estimated trip time
  • AddContact component enabling user to create custom contacts to receive automatic SMS messaging notifications
  • Day/night theme toggle for enhanced UI/UX and added safety precautions
Launch the App Code Repository
Screenshot detail for project Walk Safe
Screenshot thumbnail #1 for project Walk Safe Screenshot thumbnail #2 for project Walk Safe Screenshot thumbnail #3 for project Walk Safe Screenshot thumbnail #4 for project Walk Safe

Hookshot

Hookshot

Project scope time 80 hours
Collaborators

Tools Used

  • CSS3
  • Git
  • GitHub
  • Heroku
  • HTML5
  • JavaScript
  • Npm
  • React
  • Sass
  • User Experience Design / UX
  • User Interface Design / UI

HOOKSHOT is a web app for the aspirant Zelda player - for those who yearn to disappear into the vast world of Hyrule, but don't have the time to do so. By allowing a user to choose a specific "goal" in Nintendo's "Breath of the Wild", this interactive data rendering tool provides even the busiest would-be gamer with the specific information needed to dabble and explore as efficiently as possible.

User Flow

  • A catered, "location-specific" experience: immediately on page launch, a user can select any location from the BOTW game map.
  • "Choose Your Adventure": once a location has been selected, a user can then click any of six different "goal" buttons, each representing a different category of game data: creatures, equipment, treasure, monsters, materials, and a "Roll the Dice" option to randomly select one of the five.
  • Custom results: once a "goal" has been selected, the user is presented with all data that matches both the selected location and selected goal. These matches are used to build and display individual "item cards", each with it own unique stats.
  • All bases covered: if no matches are found, the user is presented with alternative results using the same "goal" preference but from different locations around the map!

Development & Design

  • RESTful API fetching from the Hyrule Compendium API
  • Retro 8-bit UI design using the NES.css CSS framework.
  • User accessibility: displayed in the browser, this project scores 100 on the Chrome Lighthouse test
  • Responsive design: application can be viewed proportionately on devices of various sizes, ranging from mobile screen to desktop monitor.
  • Test-Driven Development: Cypress integration testing for UI flows.
  • Developer-friendly file structure: project repository was built using an intuitive, modular React architecture.
Launch the App Code Repository
Screenshot detail for project Hookshot
Screenshot thumbnail #1 for project Hookshot Screenshot thumbnail #2 for project Hookshot Screenshot thumbnail #3 for project Hookshot Screenshot thumbnail #4 for project Hookshot

Wormhole

Wormhole

Project scope time 90 hours
Collaborators Profile picture for Bryan Hohn Profile picture for Angie Battillo

Tools Used

  • Continuous Integration
  • CSS3
  • Cypress
  • Heroku
  • HTML5
  • JavaScript
  • React
  • Redux
  • Sass
  • Travis

A "music discovery app" using global streaming data to present users with the top artists and songs in countries around the world.

  • Custom-built dataset of all countries with valid Last.fm data allows user to manually select or randomize a location and render the top artists and tracks in a given country via Last.fm API.
  • Additional API request to retrieve and display individual "artist bio" pages.
  • Generates individual artist images using another proprietary dataset, built personally using links to license-free images on Wikimedia Commons and matching image links to API data.
  • Integrates global state using Redux, implemented mid-development over existing codebase.
  • Thoroughly tested using Cypress integration testing of all user flows
  • Responsive design: can be used on all screen sizes with considerations for tabbing, color choices, and button sizing for enhanced UX.
Launch the App Code Repository
Screenshot detail for project Wormhole
Screenshot thumbnail #1 for project Wormhole Screenshot thumbnail #2 for project Wormhole Screenshot thumbnail #3 for project Wormhole Screenshot thumbnail #4 for project Wormhole