marketingpipeline / media-card-web-component Goto Github PK
View Code? Open in Web Editor NEWA web component to display books, movies, TV shows & song details on any website
License: GNU General Public License v3.0
A web component to display books, movies, TV shows & song details on any website
License: GNU General Public License v3.0
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>
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
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!
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?
Firefox
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.
No response
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
Safari
No response
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.