JavaScript Projects

Ireland Counties

A tutorial where you can learn about the counties of Ireland, quiz yourself on your knowledge, and learn about the cultures of the different counties.

Crafting Colors

A web app that lets you choose coordinated colors for crafting projects. Shows substitute colors, accent colors, and complementary colors.

Gluten Free Burger Project

A web app that lets you find a restaurant that serves a gluten free hamburger, hot dog, or lobster roll. Soon to be released as an iOS app.

Map Art Map

This project lets you view classic road maps that have watercolor artwork on the cover.

Live Calendar

This is an SVG icon, not a web page. It has embedded JavaScript that displays the current date. You can embed it into any web page using the <object> tag.

Periodic Table of the Elements

A periodic table that places the elements on the page using JavaScript calculations. It has a detail popup also driven by JavaScript. It resizes to fit the window.

Pocket Artist

Draw artwork in the style of Dutch modern abstract artist Piet Mondrian.

Snake Game

Play this snake game that responds to keys on the computer keyboard but also has an on-screen interface for phones and tablets.

Fidget Spinner

Bored? Play with the spinner. Click to make it go faster. Change its color.

Circular Slide Rule

Perform math and engineering calculations on this reproduction of a slide rule from the 1960s.

Pairs Game

Test your memory with this Concentration style game. It tells you how many matching opportunities you missed.

Pyramid Solitaire

Play this classic solitaire game based on the number 13. Match up the cards whose values total 13.

State Capitals Quiz

How many of the 50 US state capitals do you know? Test your knowledge here. Do you know the capital of Missouri? Kentucky? Vermont? South Dakota? North Dakota?

BMI Calculator

Enter your height and weight to determine your Body Mass Index. You can enter your statistics using the US system or the metric system.

Binary Counting

A project to help computer engineering students visualize the process of counting, adding, and subtracting using binary numbers.

Bezier Curve

A project that uses JavaScript with HTML5 canvas for drawing. This helps students understand the mechanics of Bezier curves, used in the Pen Tool in Illustrator and Photoshop.

Snow Globe

A snow globe featuring falling snow and blinking lights. Uses HTML5 Canvas and JavaScript for animation.

Color Models

Learn about color models such as RGB, CMYK, and HSV. This is soon to be released as an iOS app.

The Game Of Life

An exploration into cellular automata. But an interesting project to play with even if you are not familiar with that topic.

RYB Color Scheme Generator

An interactive color wheel that uses the Red-Yellow-Blue color model favored by artists and painters.

Math Concepts SPA

A Single-Page Application (SPA) that exposes several different math concepts and calculations. We might explore SPAs in the GDS 089B course but they are easily understood by GDS 089 students who understand the basic concepts of the DOM.

Electronics Stores

A database of brick-and-mortar electronics stores where amateur radio operators and other electronics hobbyists might shop. We learn JSON databases in the GDS 089B course but the concepts are easily understood by GDS 089 students.

SPA Presentation

This presentation about Single Page Applications (SPAs) is itself a Single Page Application.