Code Monkey home page Code Monkey logo

bspiewak6 / music Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 1.0 7.57 MB

TuneOut Entertainment App -- This application was a group project for UPenn Coding Bootcamp that features API's from TasteDive and NY Times. The user base and audience are those who need to tune out every now and then to catch their breath and enjoy some entertaining musicians, artists, authors, podcasts and video games.

Home Page: https://bspiewak6.github.io/music/

CSS 4.65% HTML 42.37% JavaScript 52.98%
html css javascript materializecss momentjs tastedive-api nyt-api

music's Introduction

TuneOut Entertainment App

Table of Contents

User Story

AS A coding boot camp student
I WANT to tune out by using an application that can search for my favorite music, books, podcasts and video games.
SO THAT when I need a break or get stuck, I can TuneOut

Criteria

GIVEN I need a distraction when my work gets overwhelming
WHEN I go to the TuneOut app
THEN I presented with a search option
WHEN I enter in my favorite music/band, author/book, podcast or video game
THEN I am presented with a description and YouTube link for my favorite search
WHEN the description comes up on screen
THEN the app shows recommendations in the same category as what I searched for
WHEN I search for news, I am given categories of Music, Books or Movies
THEN articles are displayed on the page

Technologies

  1. HTML
  2. CSS
  3. JavaScript
  4. Materialize CSS
  5. Moment.js
  6. TasteDive Music API
  7. NY Times News API

Mockup

Mockup

Screenshots

Screenshot Screenshot Screenshot

Links

music's People

Watchers

avatar

Forkers

pschlafley

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.