Ever wondered what a website content might sound like? Melodify was a weekend project built to do just that. Enter a URL of your choosing and Melodify will scrape the website and play you the sound along with a music sheet.
The UI is a simplistic design with a minimal interface. It is designed on Figma and can be found on this link, Design
Audio logic inspiration JS Piano. Since the logic used by the website above uses key-press to make sounds,we customized the logic on the playKeyboard.js file to fit our needs.
Frontend is made using HTML, CSS, Angular, and Bootstrap. The sound is generated mathematically on the client machine by using math functions after a scraped content is received from the backend
Backend runs on Node.js deployed on Heroku. To run this project on your local machine
open terminal:
git clone https://www.github.com/GedionT/Melodify.git
cd Melodify
npm install
npm start