janetmndz / stripeify-backend

A React.js web app for listening and voting on playlists created by users

Stripeify 🎵 🎧

A React.js web app for listening and voting on playlists created by users.

_{Built with ☕️ by Janet Mendez and Dennis Wang}

Features

This React.js app was designed for users to create and vote on playlists using preloaded songs from the Spotify API. Upon clicking on selected song, Users are able to listen and see an audio visualization of the song being played.

Tech Stack

This web app makes use of the following:

Backend

• Ruby [2.6.1]
• Rails [~> 5.2.3] - MVC web framework used as an API
• PostgreSQL [>= 0.18, < 2.0] - Database
• Figaro - Rails gem for securing API Keys
• Active Model Serializers - Serializing API routes to JSON
• RSpotify - Ruby Spotify API Wrapper

Front End

• React.js
• React Router - Declarative Routing
• SCSS - CSS pre-processor
• Web Audio API - audio visualization

Prerequisites

Before you begin, ensure you have installed the latest version of:

• Ruby
• Rails
• PostgreSQL
• Node.js and npm

This web app uses the following API keys from:

• Spotify

Installing

For information on Frontend Installation please click here: Stripeify Frontend

Backend Installation:

• Clone this repo to your local machine git clone <this-repo-url>
• cd to backend directory
• run bundle install to install requiered dependencies
• Ensure you have your Spotify Developers client id and client secret
• Add client id and client secret in the /config/application.yml file like so:

client_id: "YOUR_CLIENT_ID"
client_secret: "YOUR_CLIENT_SECRET"

• Ensure you have PostgreSQL running
• run rails db:create to create a database locally.
• run rails db:migrate to create tables into the database.
• run rails db:seed to create seed data.
• run rails s to run the server.