Giter VIP home page Giter VIP logo

marketingpipeline / media-card-web-component Goto Github PK

View Code? Open in Web Editor NEW
24.0 24.0 4.0 232 KB

A web component to display books, movies, TV shows & song details on any website

License: GNU General Public License v3.0

JavaScript 100.00%
api books css custom-element films frontend html javascript js movie movies music songs themoviedb themoviedb-api tv-series tv-shows web-component web-components web-elements

media-card-web-component's People

Contributors

annoyingmouse avatar github-actions[bot] avatar marketingpip avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

media-card-web-component's Issues

[Feature Request / Suggestion]: Add Google Book API

Suggestion / Feature Request

Possibly switch the Book API to be Google API or add option to use Google API for books. (possibly other API providers for TV show's / movie's too)

Example of API query: https://www.googleapis.com/books/v1/volumes?q=

Reason why: Google provide's a description for books.

Could be solved by possibly using a api-provider attribute. Example: <media-card type="book" api-provider="Google"></media-card>

[Feature Request / Suggestion]: Add Book Option

Suggestion / Feature Request

Add "book" option for showing off your favorite books via Open Library API

To achieve this we can use the song card theme + one end point.

Tho I will be honest @annoyingmouse struggling reading some of our own project & implementing it myself. ๐Ÿ˜ญ

API Documentation can be found here

And example API usage can be found here

To filter / limit results use a param like so limit=1

Book example

Note API calls should only fetch 1 result. As it's un-needed bandwidth / data we are consuming. I do believe the TheMovieDB api does provide an option for this.

Documenting this so I do not forget both!

[Bug]: Testing code left in?

Contact Details

[email protected]

What happened?

Looking at the code, I noticed this:

  if(this.type === 'song'){
      // this.endPoint = `https://itunes.apple.com/search?term=${this.name}&entity=song`
      this.endPoint = `https://search-itunes.vercel.app?term=${this.name}&entity=song` // for testing
    }

Did you mean to leave the testing version live and the 'real' endpoint (I assume) commented?

What type of browser are you seeing the problem on?

Firefox

Code to produce this issue.

FYI, I couldn't submit the issue w/o picking a browser. I'd make that optional as I'm sure there will be bugs not tied to one particular browser.

[Bug]: Components do not work on iOS

Contact Details

No response

What happened?

Constructed style sheets do not work for iOS, possibly add a statement to check for support and if not render different version of web component? @annoyingmouse

What type of browser are you seeing the problem on?

Safari

Code to produce this issue.

No response

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.