Coder Social home page Coder Social logo

mixxy_rails's Introduction

MIXLR

Developed by Gabbie Piraino and Daniel Fries

Mixlr allows users to remix up to four audio samples to dynamically create and save multi-layered tracks within the web application.

Mixlr has been deployed on Heroku and Netlify. You can see the demo version of this application at https://mixlr.netlify.com/. The backend can be accessed on Heroku, though please be aware that you need to navigate to a specific route in order to review the JSON data (example available here).

Built With

  • Ruby on Rails
  • React.js
  • Tone.js
  • Javascript
  • HTML5 and CSS3 (semi-responsive)
  • PostgreSQL Database

Please find the React frontend repo here.

Prerequisites

You will need rails and bundle installed on your computer in order to run this app. You will also need PostgreSQL installed and running in order to create, migrate, and seed your local database.

In order to run this app, first clone this repo down onto your local machine and navigate to that directory. Then run bundle install in order to install all of the necessary gems locally. If you'd like to source your own audio files to seed your file library differently than the options provided, we recommend links to .ogg or .wav files. They need to be added to the db/seeds.rb file prior to seeding your local database.

  • rails db:create
  • rails db:migrate
  • rails db:seed - This should print to your terminal the number of URLs, songs, tracks, and songtracks that have been persisted to your local database.

Then run rails s in order to spin up your server.

Finally, clone the frontend repo down from Mixxy-React onto your local machine and follow the instructions in the readme to start the application.

Ruby Version 2.6.3

Rails Version 5.2.2

Bundler Version 2.0.1

Ruby Gems

  • active-model-serializers
  • rest-client
  • rack-cors

mixxy_rails's People

Contributors

pirainogi avatar

Stargazers

 avatar Daniel Fries avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.