Portamento

a synthesizer & sequencer social sharing site.

site url: https://portamento.herokuapp.com

Collaborators - app constructed through mob & pair programming

• Andy Beers
• Tim Combs
• William Nickerson
• Niilo Smeds
• Tom Timmel

Repo Description

• This repo contains the sources files for the front end of the Portamento web app.
• The sister repo, with the back end source files and the bundled front end, lives at this url: https://github.com/Portamento-development/portamento-server

Project Functionality

• This is a Code Fellows Full Stack Javascript Bootcamp Project to create a browser-based synthesizer and sequencer with social sharing of synthesizer settings and ability to favorite patches and follow users.

• Synth is the home page and displays the synthesizer and sequencer

• User Profile displays:

  • patches created by the user
  • patches favorited by the user
  • other users followed by the user

• Sign in/Sign up authentication

  • uses tokens for authentication
  • stores tokens in localStorage

Main Technologies used for front end

• For app

  • Javascript
  • Angular

• For development

  • Chai
  • Mocha
  • Karma
  • Webpack
  • Eslint

• Make sure to run npm install at the directory root to install dependencies

• Please refer to the app/package.json for more info

Directions to run and edit locally

• Set up a portamento project directory that contains a directory for the front end and another directory for the back end:

  • portamento
    • portamento-app
    • portamento-server

• Download the repos

• Get MongoDB running on your machine or use mLab (or something similar) to host a mongoDB database

• 1 - start the back end

  • Open another terminal window, navigate to the app folder and at the CLI type:

    npm start
    

• 2 - start the front end (for local editing and testing)

  • Open another terminal window, navigate to the app folder and at the CLI type:

    npm start
    

• 3 - Then open a browser window and navigate to the address localhost:8080

• Please refer to the app/package.json for info about app scripts

• Please refer to the server/package.json for info about server scripts

Testing

• Set Up

  • Make sure you have the app, server and database running per "Directions to run locally"

• To run front end tests, when in portamento-app directory at cli type:

  npm test
  

  • this will first run eslint - for more info look at .eslintrc
  • then karma uses mocha to run Angular unit tests

Code Shape

• The code has been vetted using eslint.

Collborations/Questions/issues

• Always looking for suggestions and ideas for further development.
• Any questions and concerns can be handled by opening an issue on the codebase.

License

• Licensed under the MIT license - see LICENSE for more info.