Hello, I'm Tristan

Front End
Web Developer

image of tristan
image of tristan

An Introduction About Me

Hi, I'm Tristan, and I am a front end developer with a background in the hospitality industry. I was able to start this industry change thanks to taking the Web Development program at Juno College.

This change has come across as a bit drastic to a few people in my life as you generally dont see how much technology your bartender can work with, but my time in hospitality management had me working with several apps / programs / GUIs quite closely, and that really sparked an interest in further understanding what was invovled to make them work.

My biggest project to date has been taking steps towards recreating the logic of the point of sale system I worked with the most, it's in an MVP state but I'm hoping to learn more backend languages to add to it. Feel free to check it out in the Projects section!

Otherwise I still love to check out new restaurants around the city, I try to steal some time for games like Diablo, Monster Hunter, and Pathfinder. And I'm also thankful to Spotify's discover weekly keeping my project coding playlists growing.

Thanks for taking some time to look at my portfolio!

tech Skills

  • HTML5

  • CSS3

  • Sass

  • Javascript

  • React

  • Firebase

  • REST APIs

  • Git

  • Vue

  • Responsive Design

  • Accessibility

  • VS Code

Project Collection

image of fire it project

Fire It

About:

Created to explore the logic of some of the Point of Sale systems I used while previously working in the restuarant industry.
See INFO buttons dispersed throughout the components of this project, to detail what the project can currently do, and some insights to the code & strategies to accomplish this.
My MVP goal was to be able to replicate the flow of a 'server' greeting tables and punching in an order, splitting the check, and 'taking payments' in the front dash / server view. In addition, in a back dash / manager or admin view, the ability to change the layout of the tables floor plan, create/update/delete menu items to be ordered, and an employee database of servers who can use the server view.
This app is designed to mimic desktop touch screen terminals used in restaurants/bars. There is some styling for >= tablet size, though most is 1920x1080, I do not currently forsee mobile styling as it would currently involve too much scrolling.
Primarily inspired by my 4 years working exclusively with squirrelsystems.com

image of bar menu helper project

Bar Menu Helper

About:

Bar Menu Helper is a multi component React application based on Axios for API calls, utilizing the useState hook for API functionality as well as practicing the use of passing props through components. This was our first React project from the bootcamp with a focus on passing down props.

image of tremors project

Tremors

Project Partners: Shaishav Vashi Dildeep Gill

About:

The final group project from our Juno College Bootcamp. Our task was to create a react app that calls API data for earth quakes and then stores it on firebase, based on magnitude.

We utilized several npm installs including react leaflet to generate a map, spinners react and react typewriter effect to add styling. As our original API did not allow for location searches we included a stretch goal, refactoring the API call to chain two into a final call that would generate on the map.

image of Git Hub Search project

Git Hub Search

About:

This project is a challenge from a study group to create something using a language, library or framework that we did not already know in a limited time. I chose to create something using Vue JS so I could experience options and composition APIs to create a GitHub API call to search for users.

image of under the sea project

Under the sea

About:

This project provided experience using Javascript to manipulate the DOM in order to create a functioning hamburger menu and image carousel on mobile screens on a feature brain. On the main starting branch, the focus was creating a multi-page website from a design with implementation of media queries for functionality on multiple screen sizes. During this project I used a mobile first design strategy, and manual drawing as no mobile design was provided.

Contact Me

This is a section of older projects to remind me of my coding journey, ordered by age

  • JavaScript Sommelier

    Project Partners: Mattew Van Luxemborg Paul Pableo

    The first JavaScript API call group project in our bootcamp

  • Portfolio 1.0

    The first portfolio I made, more focused on Javascript that design

  • One Magazine

    Intro to Web Development Bootcamp first project using HTML5 and CSS3

  • Spaces

    Accelerated Intro to Web Development final project using HTML5 and CSS3

  • Another project?

    image of 3 days of web dev classes project

    3 days of Intro

    Wait a minute, how did you find this? I only knew 3 days of HTML and CSS. What did you do? This shouldn't be here at all!

    Just kidding, if any project gets me hired, it'll be this one!