Home

Projects

Bio

Contact

My Portfolio

Read more about my projects and follow the links to see the code or visit the live site.

Mystro- a music discovery app

Technologies:

  • React
  • Redux
  • Typescript
  • Material UI
  • Heroku
  • React Router

“Discover music based on your favourite artists”

A React Typescript app using the Spotify API to deliver music recommendations based upon your favourite artists. Learn more about the music you love with Mystros discovery pages, listen to new music as you browse in-app, build your own Mystro playlist from your recommendations.


Currently desktop version only.


PLEASE NOTE: Mystro is currently hosted as a demo version on Heroku and can take up to 20 seconds to load for the first time.

Visit site View Read Me View Code

Flag Finder- A react app to explore the countries of the world

Technologies:

  • React
  • React Router
  • Axios
  • Javascript
  • HTML
  • CSS

“An educational app built using React”

A React app with hooks. Countries API provides the data for coutries of the world and flag finder presents a user friendly way to navigate. Users can save their favourite flags, search for countries using the auto-complete search, and learn various facts and figures about each country.

Currently desktop version only.


Visit site View Read Me View Code

Inspiration- An API driven activity generator

Technologies:

  • Node.js
  • Express
  • EJS
  • Axios
  • Javascript
  • HTML
  • CSS

“A full stack web app, combining API requests with attractive front-end styling with Javascript”

Inspiration draws upon the power of the "bored API" combined with a pleasing UI to deliver an effective productivity tool. This web application allows the user to request random activities or to customise their activity search along various parameters. A pleasing front-end keeps users engaged.


PLEASE NOTE: Inspiration is currently hosted as a demo version on Heroku and can take up to 20 seconds to load for the first time.

Visit site View Read Me View Code

J Dallos Music

Technologies:

  • CSS
  • Javascript
  • HTML
  • Bootstrap 5

“A unique front-end design to reflect the artists style and music”

A this website employs Javascript to give this website a unique UX. Encouraging user interaction to explore the pages while ensuring an intuitive UI. The design is simple and spacious, generating interest in key places to encourage the user to explore the music available through embedded Spotify players.

Visit site View Read Me View Code

Free Code Camp- Javascript algorithms certification demo

Technologies:

  • Javascript
  • Bootstrap 5
  • HTML

“Styled entirely using Bootstrap 5”

This webpage is a demonstration of some of my Javascript algorithm scripting ability. Showcasing the algorithms I built in order to obtain the Free Code Camp Javascript algorithm scripting and data structures 300 hours certification. Contains working demos of a palindrome checker, US phone number validator, Roman numeral converter, Caesar's Cipher encryption and more.

Visit site View Read Me View Code

Score tracker with Padel mode!

Technologies:

  • Javascript
  • Bulma
  • HTML

“A fun and feature rich score tracker”

A single page application built with vanilla JavaScript, this score tracker has a host of features, from custom usernames, custom winning-score, built-in timer, Padel mode and victory fireworks!

Visit site View Read Me View Code

The Humble Pig- A functional and stylish restaurant wordpress site

Technologies:

  • Wordpress
  • Bloxy builder
  • Contact Form 7
  • 5* reservation bookings
  • Custom CSS
  • Various plug-ins

“Showcasing my design skills and wordpress development ability”

A modern design matches the sleek image of The Humble Pig restaurant. Utilizing the simplicity of wordpress this website has working contact forms, mailing list sign ups and table reservation bookings.

Visit site

J Dallos- learning to code blog

Technologies:

  • HTML
  • CSS
  • Javascript

“My first website!”

A classic blog website created entirely using HTML & CSS. Contains several well-written articles tracking my experience learning to code!

Visit site View Code

Ultimate Vacation- wordpress clone

Technologies:

  • Wordpress
  • Elementor
  • Contact Form 7
  • Various plug-ins

“A wordpress website clone”

A clone of a popular wordpress site. Attention to detail allowed me to recreate this site with a high degree of accuracy.

Visit site