Portfolio & Projects

A portfolio of projects completed as a Web Developer graduate at General Assembly, and side project experimenting with drop shipping (great coffee!).

Twitch viewer web app - "T-Watcher"

Graduating milestone, a project to develop a web app incorporating an API, dynamic page elements, reference libraries and fonts.

After giving a 'TEDtalk' like presentation on the Twitch video streaming platform, I decided to continue on the theme and make a lightweight stream viewer.

The Twitch Developer site provides their API, and guidance and resources for their design system (colour scheme, logo images etc).
My initial portfolio project utilised colours and fonts to imitate the old terminal-like interfaces, which I really enjoyed putting together. For this project, I wanted to continue with the 'retro' theme. To aid this I've referenced Google Font 'Press Start 2P' (stylised as old font used in original NAMCO arcade games) and simple button styling and colours.

This app utilises the Twitch API, BootstrapCSS for layout and element styling. I've included 'Animate.css' library for a special effect on the main logo. Custom font 'Press Start 2P' via Google Fonts. JS library ‘jQuery’ is used for ajax requests.

Stock quote web app - "My ASX Tracker"

My lightweight, intra-day stock price tracker app - first attempts using elements of Bootstrap CSS, Ruby on Rails, and PostgreSQL. Hosted on Heroku, also my first time using configuring an online database backend.
"My Stock Tracker" is intended as 'mobile first' and as such the design (using Bootstrap) is intended to be open on a mobile phone during the day, one can periodically refresh the page to retrieve updated pricing.

Backend written in Ruby, allows for user profiles and secure login, to retain or 'track' desired ASX stock codes. Once logged on, a user may also amend the list of codes(remove unwanted).

Tic Tac Toe browser game - “Missile Command”

A beginner milestone project, a simple browser game utilising vanilla HTML, CSS and JavaScript.
Two players take turns to place a marker on the table, until one player can successfully place 3 in a row to win. Logic checks for marker placement, alternating player turns, and full table notification to start a new game.

I had the idea to apply a ‘Missile Command’ theme from 80s arcade machines, and for a little life on the screen I sourced animated gifs for the markers.