Ryan Hadley's repositories
Alien-Hunter
An atmospheric, engaging card-matching JavaScript game for two players. Fully realised, featuring music, SFX and statistical tracking and web caching. *** IMPORTANT: PLEASE ALLOW AUDIO AND VIDEO IN YOUR BROWSER AND REFRESH TO LOAD WITH SOUND! ***
Arcade-Games-Forever
A 90s-style webpage with an article on 2D gaming. Designed early on in my learning, so there's repetitive code etc. However, with all those themes in mind, I decided to include it here as it is successful in showing them.
Banners-Gate-Counselling-Website-WordPress
A functional site for a local charity where I am also a volunteer. Built using WordPress in 2020 in collaboration with a trustee. However, it is outdated in terms of design and accessibility and my new site built with Node.js is ongoing. I still assist with site maintenance.
Cool-Calculator
A simple, nicely-styled and standard functioning calculator with a button to display an additional percentage calculator at the side.
Database-To_Do-List
Using MongoDB, Mongoose, Node.js and EJS, I created a classic and simple to-do list that allows adding and deletion of items in this single page app. It utilises Atlas Cloud on the live app (found on my LinkedIn) to host my database on the back-end. You'll need Mongo spinning up to use this project without errors.
Earth-Interest
An informative, educational and interesting app utilising Node package APIs and EJS. Access basic information on any country in the world.
Hangman-Game
A fully-fledged JavaScript game of Hangman. Features multiple categories, music, SFX, random word APIs and it even lets you create your own word for a friend to guess! If you like this, do star me. *** IMPORTANT: PLEASE ALLOW AUDIO AND VIDEO IN YOUR BROWSER AND REFRESH TO LOAD WITH SOUND! ***
Responsive-Web-Design-Certificate-Projects
A collection of web pages that I designed and developed for my FreeCodeCamp RWD Certification. Find them all within my LinkedIn Projects section.
Theatre-of-War
A tactical strategy game written for the browser, with intro and ending animations, a tutorial and interactive world map from JQVMaps. Features music, SFX, dynamic behaviours including world events and changing nation stances! Allow audio permissions in your browser before starting the game.
Digital-Alarm-Clock
A wake-up call with a tune to remember - alongside dynamic lighting, cool fonts, UI and animations. *** IMPORTANT: PLEASE ALLOW AUDIO AND VIDEO IN YOUR BROWSER AND REFRESH TO LOAD WITH SOUND! ***
Drum-Machine
Hit those keys and sound those beats with this JavaScript Drum Machine web app. Simply use the keyboard letters displayed on each image to sound the corresponding drum.
Dynamic-Welcome-Page
Webpage built entirely in JS - my early days of JS programming.
eaglesTear
Config files for my GitHub profile.
First-Production-Website
A website I developed for a graphic designer - this is currently waiting to be tweaked and can then go live. Uses JS Flickity plugin to power the gallery.
Guitar-Sound-Generator
Play a few chords recorded by my own guitar and watch the animations and chord names as you do! *** IMPORTANT: PLEASE ALLOW AUDIO AND VIDEO IN YOUR BROWSER AND REFRESH TO LOAD WITH SOUND! ***
Javascript-Ticking-Clock
A working, ticking clock with a visually pleasing CSS design scheme. Adapted from Web Dev Simplified.
Me-Love-Game-Tunes
A site prototype dedicated to revealing the best of videogame music. This was one of the first times I used the semantic HTML5 markup tags (main, aside etc). It is also built to be responsive. Enjoy listening to the music!
Orient-Express
Another experimental site from way back in my learning days, and not a conventional website by any means. However, it helped me to think about JS, semantic markup and the use of audio and video in HTML5. It also helped me to learn about layouts. The images and videos are my own, from my time living in Japan. I also like the colour scheme here.
Password-Generator
Generate a strong password with a security level of your choosing, and copy it to clipboard.
Return-to-Harmony
A beautiful, therapeutic web page with two modes of relaxation, music and meaningful quotes. A visual and auditory way to de-stress for a time. *** IMPORTANT: PLEASE ALLOW AUDIO AND VIDEO IN YOUR BROWSER AND REFRESH TO LOAD WITH SOUND! ***
Roll-of-the-Dice
Decide who buys lunch today! A simple dice-rolling app for two players: the highest number wins! Refresh to restart.
Russia-Website
In my early days of web practice, I designed a set of pages giving information on Russian cities. It helped me to learn a lot. Also includes a JS API for seeing how far away you are from those cities in miles!
Tic-Tac-Toe
A simple build of Tic-Tac-Toe - or Noughts and Crosses - with some dynamic DOM elements and styling. For two players.
Video-Game-Music-Quiz
A timed video game music quiz built with jQuery, JQuery UI and Javascript. Non-gamers may struggle, but this one's fun! Contains slick UI and full SFX. Clone and add your own songs! *** IMPORTANT: PLEASE ALLOW AUDIO AND VIDEO IN YOUR BROWSER AND REFRESH TO LOAD WITH SOUND! ***
World-City-Weather-App
A stylish weather app for world cities that utilises OpenWeatherApp's API. Features dynamic backgrounds and icons that reflect the weather and conditions, and option to select between imperial and metric units.
Zodiac-Compatibility-Calculator
Prototype site with two experimental (and comedic!) Zodiac calculators, night modes and jQuery animations. For all astrology fans. Uses Bootstrap 3 and jQuery.