About

Hey, my names Liam.
I've been studying Fullstack development by learning HTML CSS JS along with libraries like frameworks like React and Node.js since 2022. Learning code has been so enjoyable for me, I truly enjoy learning how all of the systems interact. This website shows that I have developed a skill set and passion for this industry and I would love to work with you!

In recent months, I've been deeply immersed in exploring various cloud services, with a focus on AWS's serverless computing offerings, namely Lambda and API Gateway. I've learned to efficiently use these services to build scalable APIs and responsive backends. In parallel, I've gained hands-on experience with Azure, Vercel, and Render, learning to host and manage applications across these diverse platforms. Additionally, I've expanded my skill set by working with databases like MongoDB, which has strengthened my knowledge in managing and manipulating data. This journey has significantly enhanced my capabilities as a developer, equipping me with a comprehensive set of skills for building and deploying a variety of applications.

Creating and implementing my own projects has significantly enhanced my skills as a full-stack developer. Each project required different technical demands and presented unique challenges, fostering both a breadth and depth of understanding. Please vist my projects page by clicking the image below to browse my live projects.

Go to projects

Experience

Projects

Creating and implementing my own projects has significantly enhanced my skills as a full-stack developer. Each project required different technical demands and presented unique challenges, fostering both a breadth and depth of understanding. Please vist my projects page by clicking the image below to browse my live projects.

Freelance

When I realized I wanted to become a full stack dev I began offering my services to friends and family, creating simple static websites for things like weddings. It was a useful way of sharpening my skills and testing what I had learned. This ultimately culminated in my first paid gig, creating a landing page for “the Edge”.

Resonator

'Resonator' was the final project completed for my diploma of games design at AIE. Whilst it isn't web dev I did learn the fundamentals through the development and this is when i became very familiar with GitHub as we had a team of 6 and version control is absolutely crucial in game dev

Projects

Multiple Persona Chatbot

I created a chat bot app using Open AI's api to respond to the users input in a the form of 3 personas, these personas can be changed by selector buttons at the bottom of the screen. The back end was built in ASP .NET core and deployed on Azure. Click on the image below to visit the live app.

DALL-E text to image

Similar to the "Multiple Persona Chatbot" I used Open AI's API to utilise their text to image generation AI called dalle. This fullstack app take a user prompt and returns an image based on that prompt using Express and React. Click on the image below to visit the live app.

Resonator

Game Designer and Programmer for 'Resonator'/ Unity VR: 'Resonator' was the final project completed for my diploma of games design at AIE, The game was built for VR using the HTC Vive and unity, I was Lead Designer and also worked heavily in the programming side. The game was a rhythm-based shooter where the player would draw shapes using the HTC handset to change the type of damage they were dealing. It was a simple rock, paper scissors model with 3 damage types. I built out the gesture recognition code with c# by creating a neural network that was trained on 300 samples for each gesture by hand. Click on the image below to view more.

Rust Tic Tac Toe

I really enjoy rust, im super interesed in it and one day I hope to work with it. But for now here is a simple console version of tic tac toe

This website

This took a very long time, I poured hours into this and i belive it demonstrates the current state of my front end capabilites. After constant iterations Im very happy with its current state and responsiveness. I used HTML5, CSS, JavaScript

Youtube API search app

Using the Youtube api V3 key I created a simple youtube search app that loads videos from the users input using node. I also used react for the frontend. Click on the image below to visit the live app.

Three js app

Three js has a 3D graphics library and docs. It simplifies complex concepts like 3D rendering, lighting, and camera manipulation, making it very enjoyable.

QR Code Generator

After learning about node.js and express I was fascinated by the community package and how you can connect them together to create really interesting things. This project uses a variety of npm packages with back end read, write functions to display a QR code generated from the users input. Click on the image below to visit the live app.

Simplicity

Game Designer for 'Simplicity': 'Simplicity' was completed as a major production during my time at AIE. It is a narrative driven experience that suggests the communication struggles children can experience. It was created by a team of four and I was the Game Designer. We utilized an isometric camera to build a narrative driven 3D platformer. 'Simplicity' was shown in a museum exhibition in Lafayette in early 2016. Click on the image below to view more.

Coding

completed Courses

Diploma of Game Design (AIE)
Modern JavaScript bootcampl (Colt Steele)
The HTML and CSS Bootcamp (Colt Steele)
Complete C# Unity (Rick Dacidson)
Fully responsive react (Brain Design)
THIS website

Experiance with

Javascript
HTML
CSS
React
SASS
C#

About

I have had plenty of exposure to code over the past 8 years, from game dev to remote head stabilization. Im very pattionate about this industry and ever since I picked up JavaScript in 2022 I have become obsessed with learning as much as I can.

Elements

Text

This is bold and this is strong. This is italic and this is emphasized. This is superscript text and this is subscript text. This is underlined and this is code: for (;;) { ... }. Finally, this is a link.


Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6

Blockquote

Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.

Preformatted

i = 0;

while (!deck.isInOrder()) {
    print 'Iteration ' + i;
    deck.shuffle();
    i++;
}

print 'It took ' + i + ' iterations to sort the deck.';

Lists

Unordered

  • Dolor pulvinar etiam.
  • Sagittis adipiscing.
  • Felis enim feugiat.

Alternate

  • Dolor pulvinar etiam.
  • Sagittis adipiscing.
  • Felis enim feugiat.

Ordered

  1. Dolor pulvinar etiam.
  2. Etiam vel felis viverra.
  3. Felis enim feugiat.
  4. Dolor pulvinar etiam.
  5. Etiam vel felis lorem.
  6. Felis enim et feugiat.

Icons

Actions

Table

Default

Name Description Price
Item One Ante turpis integer aliquet porttitor. 29.99
Item Two Vis ac commodo adipiscing arcu aliquet. 19.99
Item Three Morbi faucibus arcu accumsan lorem. 29.99
Item Four Vitae integer tempus condimentum. 19.99
Item Five Ante turpis integer aliquet porttitor. 29.99
100.00

Alternate

Name Description Price
Item One Ante turpis integer aliquet porttitor. 29.99
Item Two Vis ac commodo adipiscing arcu aliquet. 19.99
Item Three Morbi faucibus arcu accumsan lorem. 29.99
Item Four Vitae integer tempus condimentum. 19.99
Item Five Ante turpis integer aliquet porttitor. 29.99
100.00

Buttons

  • Disabled
  • Disabled

Form