Skip to content

This is a React app with some of my original piano compositions. It has a contact menu on the left which can be unfurled to view my resume, GitHub and NPM accounts, or to send me an email directly from the app.

Notifications You must be signed in to change notification settings

dvho/Personal-Site-web-app

Repository files navigation

Personal Website

This is a React app with some of my original piano compositions. It has a contact menu on the left which can be unfurled to view my resume, GitHub and NPM accounts, or to send me an email directly from the app.


How to Use

Play any of my songs (still works in progress) from the interface below or click on their titles. With mouse or touch hold down on a title to navigate to that song's discrete page with lyrics. With my custom ML Air Hand controller you can control both the audio interface below, the menu to the left and most of its options without touching the screen, keys or mouse.

As for the installation art, when the clouds outside pass in front of the moon they dim the moonlight entering the room and further reveal my animated face, which you can interact with by mouse, touch or Air Hand. The visibility of my face is commensurate with the darkness of the room at any given moment.

Click the options in the menu to the left to send me an email, view my resume, or check out some of my other projects on GitHub and NPM. From there you can also toggle the clouds, cloud haze or Air Hand.

Notes: Cloud haze is off by default as it does strain the GPU. Use of the Air Hand with the cloud haze turned on imposes even more strain (which will be evident if you try). It's intentional that toggling the Air Hand on/off can only be done with mouse or touch as turning the Air Hand on with the Air Hand itself is paradoxically impossible.


Features

  • React
  • Original music compositions
  • Autonomous interactive animation, responds to mousemove or touch
  • Installation art piece of clouds, moon and light play
  • Custom audio player
  • Sleek contact menu with inline email capability (doesn't launch your default mail program)
  • The entire app is fluidly responsive (no jerky media query breakpoints)
  • Toggleable performance button to electively alleviate GPU strain

Motivation

I wanted to create something fun and unique, and wanted a site for both my music and resume.


Notes

Send an email and say hello!


Copyright (c) 2019 David H. <[email protected]>

About

This is a React app with some of my original piano compositions. It has a contact menu on the left which can be unfurled to view my resume, GitHub and NPM accounts, or to send me an email directly from the app.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published