Web design

A selection of designs from jobs, classes and personal projects


Websites

Dolly the Doggo's Weather Forecast: This uses your GPS position and AJAX to pull different types of data from the National Weather Service API. The weather forecast is given by my dog, Dolly. Photos of her correspond to the day's weather forecast. Ideal times for a walk can be shown. A weather alert box appears at the top if there is a current warning. It is still a little bit of a work in progress.

Don't Torpedo the Whales: This is a game using the html canvas element. It uses two overlapping canvases controlled by javascript. It creates the game board based on the size of the screen. It also uses some jQuery, original .svg artwork and sound effects.

Minecraft Command Block guide: This website teaches people how to use command blocks in Minecraft Bedrock Edition. It has a responsive web design for PC, phone or tablet using Bootstrap.

Job / Internship Board prototype: This is a prototype for a job board website. This design was mine and was later implemented by a team in our software engineering class. It used Next.js (a REACT framework) for the front end and custom Javascript APIs (using Node.js) and a PostgreSQL database for the back end.

The Capital newspaper prototype: A prototype design for The Capital newspaper website circa early 2000s. This is a bit outdated.

Prototype designs for a progressive web app

(Made using Justinmind, a prototyping tool for web and mobile apps.)

Screen shots
This was a class project using Next.js that searched for and displayed information about various campgrounds across the United States. This was a class project using Next.js and Elasticsearch that allowed users to search messages that were on Hillary Clinton's private email server that became political fodder in the 2016 election. This was a class project using Next.js that allowed users to search a database of nutritional information. This was a class project using Next.js that allowed users to log in and search for places to eat and movie theaters in their zip code. This was a design used for the UMWC radio station website in the late 1990s. A wedding photography website. A wedding photography website.
×