All Projects
Poke API Web App
An application which utilizes the Poke API based on Pokemon characters and uses both the fetch API and AJAX, JavaScript promise chaining, the map method, creates most elements rendered to the html pages, checks for non - existent images and removes them or or sets their display properties to none, uses pointer events to replace touch and mouse events, custom build script, and Modern JavaScript in general.
#ajax, #code refactoring, #create element, #css transforms, #css transitions, #fetch api, #keydown event, #load event, #map method, #modern javascript, #nested map method, #nested api objects, #node sass, #onerror property, #parallax, #pointer events, #poke api, #project, #promise chaining, #window pageOffset, #window scroll
Rockin Synth
A piano keyboard application built with JavaScript, es6 modules, the Web Audio API, event delegation, Sass, and more.
#babel, #e.keyCode, #e.which, #es6 modules, #eslint, #event delegation, #event listeners, #kbd tags, #prettier, #project, #transitions, #web audio api
The Cat Whisperer
A little text to speech app I created so that cat lovers could be inspired to write about their cats using the Speech Synthesis API while being inspired by the app’s cat image slideshow and background music.
#audio web api, #file downloads, #javascript, #project, #session storage, #speech synthesis api, #text to speech
Trump Talks
A Random Quote API application using the What Does Trump Think? API.
#fetch api, #nextjs, #react, #file based routing, #pre rendering, #project, #server side rendering, #random quote api
Web Audio API AJAX
A Web Audio API app which uses AJAX to retrieve a locally hosted audio file.
#ajax, #babel, #buffer, #canvas, #cdnjs, #code refactoring, #confetti-js, #eslint, #gh-pages, #modern javascript, #node-sass, #npm, #prettier, #project, #random colors, #scripts, #web audio api, #webpack, #workflow refactor
Welcome to the Groove
An audio player in the form of a jukebox created with es6-javascript, html5-audio, oop, and includes a search-in-text searchbar.
#audio web api, #github pages, #metadata, #object oriented javascript, #progress bar, #project, #sass, #search, #thumb slider
Wikipedia Viewer
This is a code refactoring of a project I created several years ago. I revamped the workflow, migrating from Gulp to Webpack, from jQuery to Modern JavaScript with async await, @babel/pollyfill to make my async wait code work with Babel 7 and Webpack 5, adding css animated scroll buttons, animated magnifying glass icon search input on focus, hover, and active, replacing PostCSS with Node Sass, and adding a dynamic year in the footer.
#async await, #babel, #@babel/polyfill, #code refactor, #code update, #eslint, #innerhtml property, #keydown event, #modern javascript, #node sass, #prettier, #project, #webpack, #wikipedia api, #window pageOffset, #window scroll