Giter VIP home page Giter VIP logo

rate-my-playlist's Introduction

RateMyPlaylist

badge

Description

The past two weeks, our team, Max Y., Deena S., and Jason W. have built our first full-stack web application. Our project is called RMP, pronounced Ramp and is short for RateMyPlaylist. Our site was inspired by one of our own's passion for making Spotify playlist. Users that are signed up can submit their Spotify playlist URLs and have them be embedded on our site to be voted on by the community. The more "favorites" a playlist has, the higher it appears on our homepage's Hot Playlists. The backend of this project not only holds User data, but Playlist and Favorite model data as well. It was built primaryly using Express.js, MySQL, Sequelize, JAWSDB, dotenv, and is written in JavaScript. The fronend of this project was build using Handlebars.js, TailwindCSS, Spotify's Embedded Player, and HTML. During the week and a half that our team was working, we made sure to collaborate and communicate effectively to accomplish our MVP goals. All parts of this project were worked on by different members and completion was a group effort. You can find a link to the deployed site here.

Preview of Our Work โœจ

screenshot of deployed site's homepage

Table of Contents

Installation

If you wish to install this app for your local machine, clone down this repo and run an 'npm init -y'. After that you'll need to enter the MySQL shell by running 'mysql -uroot -p', entering your password, and then run 'source db/schema.sql' and 'USE ramp_db;'. Exit the shell and run 'npm run seed' to seed the database. Finally, you can do 'npm start' to start the server and access the site using localhost.

Usage

Uploading and listening to Spotify playlists.

Credits ๐Ÿค

Spotify for their embedded player and to Jason W. and Max Y. for the idea that got us started ๐Ÿ’™ ๐Ÿ’ฟ

Tests

N/A

Questions

If you have any questions check out our GitHubs: PixiePucker, DeenaSmith, and JWhitney2209!

License

This application is licensed by MIT.

rate-my-playlist's People

Contributors

jwhitney2209 avatar pixiepucker avatar deenasmith 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.