
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.


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.

Making Music in the Browser


I recently upgraded this project to React 18 using functional React components
AND hooks. For state I use the `useState` hook, for side effects the `useEffect`
Hook, and the `useCallback` hook to prevent infinite function calls to the
function created to fetch the data from the `JSONPlaceholder API`.


I recently upgraded this project to React 18 using functional React components AND hooks. For state I use the useState hook, for side effects the useEffect Hook, and the useCallback hook to prevent infinite function calls to the function created to fetch the data from the JSONPlaceholder API.

Monsters Rolodex (React Hooks)


I originally created this client slide application using the `OMDB API` before
creating my `OMDB API Node.js` version. After I created that one, and discovered
potential built-in API errors in the Node.js version, I applied and transformed
them into their client-side rendition. I felt it important to introduce my
students to application error handling and thus a basic form of "testing".


I originally created this client slide application using the OMDB API before creating my OMDB API Node.js version. After I created that one, and discovered potential built-in API errors in the Node.js version, I applied and transformed them into their client-side rendition. I felt it important to introduce my students to application error handling and thus a basic form of "testing".

projects tag: css in js

Making Music in the Browser

Monsters Rolodex (React Hooks)

OMDB API JS App