Hey, thanks for visiting! I'm Tom, a self taught developer with experience using HTML, CSS & JavaScript. I'm eager to build a career in the world of Web Development and network with other professionals to enhance my skillset. Keep scrolling for some of my latest projects!

Photo by Kyle Sung on Unsplash

Company X

  • Takeaway #1: React Router is so fast!
  • Takeaway #2: Responsiveness is something I need to take into account from the start of a project.
  • Takeaway #3: Using components for site sections, such as the nav bar and footer, saves so much time and allows for a consistent look very easily.
  • P.S.: I realise this could be achieved without React, I just wanted an excuse for a larger longer term project using React.
  • ReactReact Logo
  • CSS3CSS3 Logo
  • Under Construction - Long Term ProjectUnder Construction Logo
Full Site

The Weather App

  • Takeaway #1: Reusable componenets! Being able to just pass data and not have to copy and paste code is so good.
  • Takeaway #2: State is something that I need to spend more time getting to grips with. Especially hooks.
  • Takeaway #3: Overall nowhere near as intimidating as it initially seemed, even though there is new syntax to learn with JSX (which I actually love) and state can be a bit tricky, I really enjoyed my time on this project and look forward to using React more.
  • ReactReact Logo
  • CSS3CSS3 Logo
Full Site

Anonymask

  • Takeaway #1: What HTML Canvas is and the different ways it can be used.
  • Takeaway #2: Do not be scared to go outside of the tutorial walls.
  • Takeaway #3: If I can make something that tracks your face… What can the government do? #wheresmytinfoilhat
  • HTML5HTML5 Logo
  • CSS3CSS3 Logo
  • JavaScriptJavaScript Logo
  • Experimental Feature: Requires Chrome/AndroidExperimental API
Full Site

Calculator

  • Takeaway #1: My first standalone project where I learnt I can make something without following a tutorial and I haven’t been wasting my time.
  • Takeaway #2: eval is a liability when it comes to security.
  • Takeaway #3: Grid layouts can only go in straight equal lines.
  • HTML5HTML5 Logo
  • CSS3CSS3 Logo
  • JavaScriptJavaScript Logo
Full Site

Etch-a-Sketch

  • Takeaway #1:You can use de-structuring in your function declarations and calls.
  • Takeaway #2:The Hue in HSL values can go beyond 360 and it’s smart enough to just loop forever over the colour wheel.
  • Takeaway #3: Event listeners can automatically remove themselves after the first event.
  • HTML5HTML5 Logo
  • CSS3CSS3 Logo
  • JavaScriptJavaScript Logo
Full Site

Robot Prisoner List

  • Takeaway #1:I need to spend more time learning React.
  • HTML5HTML5 Logo
  • CSS3CSS3 Logo
  • ReactReact Logo
Full Site