Hosting my full stack React Node.js Socket.io Application on Heroku.
Project
- An application I created at the height of the COVID-19 pandemic as part of the course content of a Dynamic Web 1 (JavaScript) course I was (and still am) teaching.
- I always had wanted to be able to create games using the HTML5 Canvas 2D API, so I built (and refactored) a Canvas 2D Breakout Game inspired by one I came across on MDN.
- 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.
- An app which creates a custom HTML5 video player using the Shadow DOM so that the video player can go full screen without issue.
- I have always wanted to closely tie audio and audio volume controls with visual and create multiple audio sources, which I tie to one input of type range. So what better way than with the HTML5 Web Audio and HTML5 Canvas 2D APIs!
- A fun little game made with JavaScript, SCSS/CSS3, and HTML.
- An idea I had been brewing for a while where students could join, save information from classes and collaborate.
- An app which makes sounds on the web page when clicking it or dragging the computer's or mobile device's pointing device around the screen.
- This search application utilizes two APIs, the fetch API method, the map() method, event listeners, createElement, appendChild, JavaScript array of objects, template string literal interpolation, vanilla JavaScript, and more!
- I recently upgraded this project to React 18 using a top-level React class component AND functional components. The class component contains the state, and the other components contain the props.
- This version of the Monsters API app utilizes React 18, functional components, AND hooks.
- A real time communications app built with websockets/socket.io websocket library, Node.js, and Express.
- A real time collaborative drawing app built with websockets and the socket.io websocket library, express, and node canvas.
- This client side version the OMDB API app addresses potential built-in API errors. I felt it important to introduce my students to application error handling and thus a basic form of "testing".
- An app which implements the OMDB API Using Nodejs, protects your API key, and deploys to Heroku.
- This application utilizes the Poke API based on Pokemon characters, the fetch API and AJAX, JavaScript promise chaining, the map method, the JS createElement method, checks for non-existent images and removes them or or sets their display properties to none, and more!
- A piano deyboard application built with JavaScript, es6 modules, the Web Audio API, event delegation, Sass, and more.
- A voice controlled notes app using the Speech Recognition Api and React.
- A Random Quote API Application using the What Does Trump Think? API.
- A Web Audio API app which uses AJAX to retrieve a locally hosted audio file.
- An audio player in the form of a jukebox created with es6-javascript, html5-audio, oop, and includes a search-in-text searchbar.
- A Wikipeadia Viewer application in which a user can search Wikipedia entries in a search box and see the resulting Wikipedia entries.