Hello, I'm Ryan.

Daily inspiration is a simple app that provides the user with the current time, weather report for their area using the OpenWeather API as well as an inspirational quote from Quote Garden API. Additionally, the app background is randomly chosen from the Unsplash API. All of the API calls are performed on a backend that was coded using node and express in order to keep API keys and user data secure. The requested data is then returned to the client using a fetch call from the client side JS.

Live site is currently unavailable due to Heroku plan being inactive at this time.

Makeup To Art is a group based coding project that allows a user to select a brand of makeup to display a list of colours. The user can then select a colour and using an API call to the Rijksmuseum they wil receive a painting containing that colour. This project uses two separate api's, React hooks and components and due to limitations with the Rijksmuseum API colour codes, a nearest colour package.

Bubbles is a project developed using React as well as Firebase for authentication and database purposes. Users can select from chat channels and the app will post and retrieve messages as the database updates. Additionally, I've included an emoji package to allow users to input emojis into their messages. Messages are also filtered for profanity.

A paired programming project with Daniel Noordegraaf using the Open Trivia API. The primary focus of this project was to use Javascript and an API to produce a trivia game. The game allows the user to select a category of questions, the difficulty and the amount of questions. These parameters are used to make an API call and then display the questions and answers if they are found. Additionally, the game is on a timer and the faster you answer, the higher your score.

This is a 3 page website that was created based on a provided PSD. Only the desktop view was provided and the mobile view was left for me to decide what would look and function best.This site is fully responsive and features an animated dropdown mobile menu done through css. Additionally, accessability was kept in mind the whole way through. The HTML is laid out semantically, all inputs have labels, all images have descriptive alt text and font size was set to 125% as a base or 20px.

A project made to demonstrate working with API's. This site helps users figure out what movie to watch. Enter in a genre and release year or check off new release and then let the code do the work. Alternatively, you can search by full or partial titles. Using jQuery, I get the users input upon submission, make an API call to themoviedatabase and then display the top 20 most popular results to the page. Additionally, each movie will have a description and a movie trailer if one is available.

A simple Calculator to show off working with JQuery. Uses Jquery to listen for user input by clicking the calculator buttons or using regex to check keyboard inputs matching numbers or mathematical operators. I then call upon functions to calculate the answers depending on user input. Additionally, some small animations are done by toggling classes with jQuery.