■Current Projects■
JavaScript30 Challenge
The JavaScript 30 Day Challenge was put together by Wes Bos, a Full Stack Developer from Canada and a lead instructor with HackerYou. This challenge gives access to 30 videos, to be completed in 30 days (though not mandatory). My main focus is on Vanilla JavaScript fundamentals to better increase my fundamentals knowledge. I'm working to take the exercises given and use the new knowledge to apply to a new problem. Here are some of the challenges I've completed so far:
Day 1: Drum Kit
The tutorial video helped create a drum kit where when a specific key was pressed it would play a sound. I used the logic written by following along with the video and expanded it to allow for a keypress as well as a mouse click. I also changed the interface to mimic a phone dialpad. When 10 digits are entered, a ring is played.
Day 2: Clock
For this one, I used the logic from the video and added my own CSS styling to it, along with numbers on the clock face
Day 6: Ajax Type Ahead
This tutorial video helped create a type ahead search function to filter through names of cities and states in the USA. I modified the functions to filter through colours for their names and hex codes. The hex code is also highlighted by it's own colour.
Day 8: HTML Canvas
The tutorial video helped introduce the canvas element and some basic Javascript logic to have the brush change hue and width as you draw. I transformed this to perform like a scratch card (when you draw, the top container disappears)
Day 12: KONAMI Code
The tutorial video introduced a simple function used to take a string of characters that were entered on the keyboard and recognize if it was the "secret code" stored. If it was, a unicorn or a rainbow would appear. I modified the function to change something on my page instead. See if you can figure it out!
■Past Projects■
While studying at Bitmaker Labs, I created this app with 3 other talented developers. The goal of the app was to be able to lend a helping hand to those who are looking to expand their existing beer knowledge by giving a user an optimal beer choice taken through suggestions based on their individual user input ratings. This app is also able to provide the user with directions to bars around Toronto where the beers are available on tap!
Guess the app name!
