Git Product home page Git Product logo

songnseek's Introduction

GitHub

๐ŸŽง SongNSeek ๐ŸŽต

A music application utilizing ORM for a customized user experience.

Link to Deployed Application ๐Ÿ”—

https://song-n-seek.herokuapp.com/

Table of Contents

  1. Project Description
  2. What to Expect From the Application
  3. Tech Stack
  4. Third-Party APIs
  5. Server-side APIs
  6. User Story
  7. Project Roles
  8. Goals for Deployment
  9. Future Releases
  10. Screenshots
  11. References

Project Description

The purpose of this project is to create an application that allows the user to stream music, create playlists, and much more. This will be done using a front-end user interface and front-end/back-end logic. Through the interaction of the front end, a user will be accessing a database to store their encrypted login information, as well as perform Create, Read, Update, and Delete methods for the database.

What to Expect From the Application

Information in respect to music is being pulled everywhere every day. When you pull up a song on Spotify or Apple Music, information about the track inquired is being pulled at your request. This track information is then displayed to you, while giving the option to save this information to a library in a database.

This project demonstrates the real life application of communication between the front-end (client-side), and the back-end (server-side) when pulling music information. Deezer's API was used to pull information based on the user's search, which is displayed to the user. Once the user selects an option, that selection is saved to a database for storage per the user's library.

he user will be able to see information in regards to their search, like the artist, album, and song selected. In the future, we plan to use this application for streaming services using auth and request tokens for Deezer users.

Tech Stack

  • Front-end: CSS3/HTML5
  • Front-end/back-end logic: Javascript
  • Database: MySQL
  • ORM: Sequelize
  • Template engine: Handlebars.js
  • Server: Express.js via Node.js

Third-Party APIs

  • Jquery
  • Bootstrap
  • Google Fonts
  • Font Awesome

Server-side APIs

  • Deezer

User Story

As an app developer with interest in music,

I want to see a demonstration of front-end and back-end communication,

So that I can understand the user interface between client and server.

Project Roles

Goals for Deployment

  • Allow a user to create a new account
  • Store the user information in a database while encrypting the password
  • Allow the user to login if their account already exists
  • Display search when user signs in or creates account
  • Allow user to search by song, artist, or album
  • Display choices upon submitting GET request to API
  • POST user's choice into a database server
  • Display chosen artists, songs, and albums depending on route
  • Present user with choices based on search
  • Allow user to logout and end their session

Future Releases

  • Allow user to create playlist
  • Allow user to delete account
  • Allow user to stream music using Deezer account

Screenshots

The homepage view when directed to the home route The login view The signup view The search view once signing or logging in The search options upon user submission The artist view when directed to library/artist The library view when directed to library/album

References

songnseek's People

Contributors

joeseff6 avatar joyumoekpo avatar desparta05 avatar

Watchers

 avatar

Forkers

joyumoekpo

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.