Find your next great job

A daily email of jobs matching your skills and preferences.

Sign Up 👋

RFP: JavaScript component for embedding a list of Podcast Episodes in Website Builders with specific functionality for Wordpress

Posted almost 2 years ago

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:




<div class=”podomaticepisodelist” datasrc=”podcast/1234”
datastyl”grid” ></div>


<div id=”list”></div>
<script>


var list = PodomaticComponents.episodeList(‘list’, style:’grid’)


list.loadPodcast(’1234’);



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,

Apply Now! 🤞

A new window will open to the job source site.

Job research tailored to you.

Growing a career that's right for you is a life-changer, but it's undeniable that the job search gets tougher every year. With automated hiring processes, resume filters and questionable interview practices, finding a job that a tech skillset has become seriously challenging.

That's where we step in. Careeriscope can help lighten the stress load by making your search a bit easier. We help you find matches based on the job search criteria you set, then send a summary of the results in a daily email sent every morning for review.