Hi, my name is Alex
I'm a Front-End Developer

Know more

About Me

profile picture

Clumsily building my first HTML/CSS static website out of sheer curiousity sparked an interest in web development that resulted in me teaching myself JavaScript as well as undertaking a degree in Software Engineering.

During my studies I picked up knowledge of Object Oriented Programming, APIs, Design Patterns and Agile and have since utilised this in the websites I have built.

Today I'm capable of working with modern component based frameworks such as VueJS to create responsive, dynamic, cross platform websites capable of querying APIs and modern features such as offline browsing.

To continue my journey as a developer I am seeking a professional role as a Front End Web Developer so I can be in an environment where I can improve my skills and expose myself to the exciting new technologies that emerge in an industry I am passionate about.

View CV

Projects

A Cocktail Database PWA

JavaScript - VueJS - WorkBox - Google Firebase - Bootstrap

This client-side website dynamically queries a cocktail database API to display information on 600+ cocktails. Users can register an account, take a profile picture and favourite cocktails.

Features:

  • Progressive Web App: mobile responsive, installable, device camera access
  • Offline browsing after first visit using Service Worker API caching strategies
  • Dynamic search and results display using VueJs Computed Properties, Lifecycle Hooks and Watchers
  • Single Page Application routing using Vue Router
  • User authentication with security rules and hosting via Google Firebase

See LiveSource Code
A Cocktail Database PWA

A Covid-19 Information Dashboard

JavaScript - HTML/CSS - ChartJS - GitHub Pages

An interactive dashboard that utilises a UK Government API and the ChartJS library to graphically display live Covid-19 statistics.

Features:

  • Data filterable by nation
  • JS Fetch API used to asynchronously retrieve real-time JSON data
  • Fully responsive charts with a custom cursor to display data point info
  • Custom CSS Styling

See LiveSource Code
A Covid-19 Information Dashboard

A Medical Practice Patient Registration Site

JavaScript - HTML/CSS - PHP - CodeIgniter - SQL - Bootstrap

Users can create an account, fill out their patient application and log in to check the status or update their details.

Features:

  • Adopts an MVC architecture using the CodeIgniter PHP framework
  • Browser cookies and user sessions implemented with PHP
  • Seperate admin view to review applications
  • Custom client and server side form validation
  • Dynamic form validation error messages using JS
  • Password hashing and XXS attack prevention
  • Full CRUD operations on an SQL database

See LiveSource Code
A Medical Practice Patient Registration Site

A Cardiomyopathy Experimental Data Compilation Site

JavaScript - VueJS - Google Firebase - Bootstrap

Built within a small team following Agile. Users can upload experimental data, query and compare data on different genetic mutations and view results graphically.

Features:

  • Data uploadable in multiple formats including JSON and XML
  • SPA routing using Vue Router
  • User authentication and hosting via Google Firebase
  • Route Guards for restricted pages
  • Google Firestore NoSQL database to query and store data

See LiveSource Code
A Cardiomyopathy Experimental Data Compilation Site

Contact

Interested in working with me?

Let's Talk