Shawn Osborne

For this project, I used a modular object-oriented structure for reuse in multiple card games.

The module - oopCards.js contains the logic for setting up the deck, deapng cards, calculating total points, and rendering the cards. The object-oriented structure includes Classes representing the players, cards, deck, and score.

The module - blackjack.js imports the Table class from the oopCards.js file, which creates the player and deck objects from the respective Classes. The Table Class represents a blackjack table and has several methods, such as:

... start() - initializes the table with players and a deck of cards.

... newCard() - deals with a new card from the remaining cards in the deck.

... renderCard() - creates a new div for each card that contains their suit (♠ ♣ ♦ ♥) and face (A, K, Q, J, or a number 2-10) if the face value is a number it renders that amount of suit icons to the card div.

This file also holds the various HTML element variables used for the different UI elements. It contains game state information such as player and dealer hands, scores, and the number of wins. It also checks for saved scores in local storage and uses them to initialize the player and dealer win amounts.

View the github repo here: Card Games

Weather web app built using Javascript and frameworks Node.js, Express.js, and Vue.js. Styling is with vanilla CSS, and is bundled using Vite.

Users can search for any location in the US by entering a city name and state or a ZIP code. The express server will retrieve the weather data from the external APIs weather.gov, airnow.gov, and geonames.org for the specified location and send it to the front-end to display on the interface.

Weather information for the entered location includes temperature, humidity, wind speed/direction, rain chance, dewpoint, sunrise/sunset times, weather conditions (e.g., sunny, cloudy, rainy), weather alerts, and current air quality in 7-day forecast, current conditions, and an hourly forecast of the next 48 hours.

The app is designed to be responsive, adapting to different screen sizes and devices.

Geographic Location API: www.geonames.org API to fetch location data based on user input. Returns latitude and longitude for use in weather search (for accuracy).

Weather API: https://www.weather.gov API to fetch real-time and future weather data from the National Weather Service.

View the github repo here: National Weather

This application takes in room measurements and sends the room information to an array of room objects which then goes to a localStorage JSON object.

The localStorage object is parsed to be displayed in the "saved rooms" section of the document so the measurments can persist on the device.

The user can delete rooms from the localStorage object from this section.

View the github repo here: Paint Amount