RFP: JavaScript component for embedding a list of Podcast Episodes in Website Builders with specific functionality for Wordpress - remote
RFP: JavaScript component for embedding a list of Podcast Episodes in Website Builders with specific functionality for Wordpress
The goal of this project is to repurpose our JavaScript components currently available for Weebly, to allow users on the Wordpress platform to embed their podcast episodes and information on their own custom webpages.
Recent episode player: This will always display the latest episode published by a user. It includes playback, timeline bar, description, title and mute buttons.
Podcast Info: Basic information about the user’s podcast including Category, Genre, Location, Followers.
Episode Grid: This plugin allows the user to display the entire list of episodes in a grid format. Playback functionality is similar to the Recent episode player. There are some basic customizable options such as transparency vs white bar background for episode titles (See mockups below)
Episode List This plugin allows the user to display the entire list of episodes in a List format. Playback functionality is similar to the Recent episode player. There are some basic customizable options such as displaying the episode thumbnail image or not. (See mockups below)
All components must adapt their font style (Title, body, caption) and color to the webpage theme the user has. All components must offer a color player and a gray player version, background opacity color, and must be responsive to mobile and desktop)
Examples of the current plugins in Weebly: http://www.minimalist-theme.podomatic.net/http://www.performer-theme.podomatic.net/http://www.writer-theme.podomatic.net/http://www.complete-theme.podomatic.net/
Requirements for the embeddable component:
The component should be pure JavaScript, i.e. not an embeddable iframe, and
be enabled either via data attributes or a JavaScript call. i..e the html might look
something like:
The component should make use of Podomatic’s API which uses JSON over REST. A sample response looks like this: https://api.podomatic.com/v2/podcasts/5133407/episodes?podcast=true
The following attributes should be customizable:
● The style (grid or list)
● Number of items per page
● The color scheme (currently light or dark) ● Whether background images are displayed or not
The component will be styled mostly by the choice of style and color scheme however it should be possible to override the styles from a global style sheet. Additionally the layout should be responsive.
The component should load new pages using an infinite scrolling mechanism.
Requirements for the Wordpress plugin integration:
As part of our strategy we also want the above component to be made available as a Wordpress plugin. To keep the look and feel of the application consistent this should use the JavaScript file created above. It should also provide the same level of customizability.
Additional notes
All resulting code and assets will belong to Podomatic. The embeddable code will be hosted on our own CDN and the Wordpress Plugin on their infrastructure.
Please provide specific instructions on how you would go about building and what in your experience would be useful or relevant to the project. Also include either a resume or gitbub. Thank you,