Piano Friend is a web app that allows you to play a short range of piano notes on Chrome, record songs and save them on a Rails API. You can also shared them with friends.
https://www.youtube.com/watch?v=nU9_5UOYNgo&feature=youtu.be
- Clone repository.
- Install dependencies
npm install. - Start your server
npm start.
Github: Front-end https://github.com/AlbertCarreras/piano-app
Vanilla Javascript
-
App Structure The app has a main file index.js, 2 libraries, and 3 class objects.
- Libraries support the app with modular functionality. The libraries are built with IIFE and namespacing.
- Class objects are used to create audio context, audio notes and song notes instances (audio notes with timing and duration).
-
AudioContext Web API for sounds (notes)
-
Webpack Implemented for building app> Needed after implementing import/export functionality.
- Clone repo.
- Install Gems
bundle install. - Set up Database
rake db:create, then runrake db:migrate. - Start your server
rails s.
Github: Back-end https://github.com/AlbertCarreras/piano_api
Rails API with with serialization and Postgres
ALBERTO CARRERAS
- acarrerasc @gmail.com
- https://github.com/AlbertCarreras
- https://medium.com/@a.carreras.c/
- https://www.linkedin.com/in/albertcarreras/en
Max Smouha (www.maxsmouha.com/) was project partner for the first version of the app. Max Smouha implemented most of CSS styling for the single page app.
This project is licensed under the MIT License - see the LICENSE.md file for details