Matt Ruetz's Projects
A simple demonstrationg of a static HTML webpage, styled with Tailwind library classes, and animated with Animate On Scroll (AOS) package. Both libraries are imported via CDN in index.html.
A ZTM Challenge for Hacktoberfest 2019
Helpful for looking at and testing example cases of various JS array methods.
A barebones shuffle-style UI for a simple music player incoorporating the audio API. A minimalist alternative.
Simple webpage to store bookmarks using localStorage. Flexible and simple UI using CSS variables and animations.
A stylized calculator web app. Simple, sleek, and doesnt need a bright room to stay powered.
A classic brick-breaker game made with the native HTML canvas element.
A simple pong classic pong game, made with HTML canvas and browser animation frames.
A dedicated countdown clock app, minimally styled with a dynamic video background. Uses browser localStorage to save and load the data for the clock started by the user.
An upfront UI for calculating live currency exchange rates, pulled from an API for up-to-date values.
A kanban project-tracker board. Ability to move tasks by drag-and-drop to different lists indication the stage of progress.
A simple video player interface with volume, playback speed, and full-screen controls.
A simple styled webpage with a switch to change between light/dark mode styling for the site. The option uses browser local storage to save this setting across sessions.
A project progress tracker, made with React
A dmeo for moving individual list items within a single UL element. May incoorprate into Kanban board app for greater functionality.
A beautiful little web app UI to track user expenses.
A wordpress custom theme and website - wordpress development master class. Good reference. Credit to Brad Schiff:
A React application made using Google Firebase for database, authentication, and more.
A way to create and flip through flashcards, with animated css styling features.
An Open Source YouTube app for privacy
A basic HTML form UI for syntax validation of name, phone#, email, url, password & confirm password.
A React App with interfaces with the Github API to give users a simplified, stylized way to browse github repos and user profiles.
A game of hang[person] which pulls random dictionary words from an API for endless gameplay.
A React App made with Google Firebase. See Readme,
A page that fetches content as you scroll for seamless infinite scrolling.
Uses a text-to-speech api, and a joke api to play a verbalized joke to the user through an audio HTML element. NOTE:I did not write any of these jokes, and the messages depicted do not represent my opinion.
A simple MS Paint-like application using HTML canvas element and JS to process changes.
JSXNote is a React web app that allows the user to write blocks of code (JS/JSX) or blocks of text (Markdown), and rearrange these blocks similar to Jupyter Notebooks. Blocks of code are appended together during runtime in the order they appear, so that the user can build up a single project or demo made of many cells of code.