My Projects & Work

Creative Website

Footy Bytes

Footy Bytes

As a part of learning React and jsx, our class was challenged with an assignment to connect to an API. Thus, Footy Bytes was born. I built this Front-End React application to showcase my React skills and using promised based HTTP client Axios to fetch data from an API.

Footy Bytes connects to the Squiggle AFL API to pull out game results and dynamically display it on the site. I decided to have some fun by dynamically displaying data into seasons and rounds. Users can drill down from year to rounds, or even type a team name to see all the games they played that year. Use of the Joi validation library was built into the project, to validate text input against valid responses (team names).

Overall, the site design was build to give a video game feel and I enjoy revisiting it to continue improving on it. Since developing the project, the AFL has added additional rounds to its fixture, creating an opportunity to improve the UI. Once such approach I'm working on is dynamically generating round results for the drop down input by looping over the data.

Built Using

HTML5CSS3JavaScriptBootstrapNodejsNPMReact.js
Visit Website View Repo 

Creative Website

RickTastic MortyVerse

Ricktastic Mortyverse Website

A Front-End JavaScript application build, making use of JavaScript libraries and demonstrating object oriented programming techniques.

The Rick and Morty API was chosen as the subject topic of choice to meet the design specifications of connecting to, and pulling data from at least one API. With the data obtained, a fun thought was to dynamically generate graphical 90s style football collector cards.

To meet design specifications, Bootstrap components were incorporated into the design to capture user input and filtering of results. Animation of the cards was introduced to bring the UI to life and make for an increased UX.

Built Using

HTML5CSS3JavaScriptBootstrap
Visit Website View Repo 

Blog Website

Barbeque Restaurant Review

BBQ Restuarant Reviews

Tasked with creating a Content Management System using PHP & MySQL, the final site needed to be secured by a login system and allow a user to perform CRUD (create, read, update,) operations.

I decided to create a restaurant blog site for reviews of American BBQ eateries. Users are able to view review posts from data stored in a MySQL database. Users can also create an account as well as log in and log out. Once signed in to their account, users are able to create, edit, update or even delete reviews (posts).

Completing this project also taught important Security Requirements

  • Authentication & Authorisation
  • Password Encryption
  • Validation of Data
  • Error Messaging

Built Using

HTML5CSS3BootstrapPHPMySQL
Visit Website View Repo 

Mock Website

Barker's Lane

Barker's Lane Website

One of my first major projects since returning to Website Development. The goal was to build a responsive static website using HTML5 & CSS3 for a topic of personal choice. I landed on a fictional dog grooming business, and backfilled some of the content with 'placeholder text'.

There was a requirement to create multiple pages / sections for the site, ensuring uniformity in layout, style & format across each. Another important design feature was meeting accessibility standards, ensuring it met these standards via a validator.

Built Using

HTML5CSS3
Visit Website View Repo