https://github.com/louisefindlay23/bbc-iplayer

BBC iPlayer is a mobile web app redesign of BBC iPlayer featuring popular shows using the TVDB API.
https://github.com/louisefindlay23/bbc-iplayer

bbc-iplayer carousel mobile-web tvdb

Last synced: 5 months ago
JSON representation

BBC iPlayer is a mobile web app redesign of BBC iPlayer featuring popular shows using the TVDB API.

• Host: GitHub
• URL: https://github.com/louisefindlay23/bbc-iplayer
• Owner: louisefindlay23
• Created: 2019-03-22T21:32:20.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2021-01-19T11:49:57.000Z (over 5 years ago)
• Last Synced: 2025-06-11T18:31:23.410Z (about 1 year ago)
• Topics: bbc-iplayer, carousel, mobile-web, tvdb
• Language: HTML
• Homepage: https://projects.louisefindlay.com/bbc-iplayer
• Size: 52.5 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![BBC iPlayer logo](https://upload.wikimedia.org/wikipedia/en/0/05/BBC_iPlayer_logo.svg)

### About the Project

Following on from the [SilverNote](https://github.com/louisefindlay23/silvernote) project, we were assigned to create a mobile web app prototype for BBC iPlayer. We divided the website into eight sections and took two each. Once the skeleton was created, I worked on the carousel and search areas.

As it was a mobile app, the carousel had to be touch-friendly so I used the plugin, [Flickity](https://flickity.metafizzy.co) which was easy to use and very customisable. When the TV Show section was complete, it was integrated together so clicking on a cell showed metadata from the TVDB.

Originally, the search section was meant to be a prototype because our host, Github Pages didn't allow databases. However, I was still determined to get it work. I used a mixture of jQuery and JavaScript to create a dropdown menu with filterFunction which would narrow down search results when typed. I also added a check in jQuery to see if search history already exists and add the name of the show visted underneath it.

### Collaborators

[@louisefindlay23](https://github.com/louisefindlay23)

[@florin235](https://github.com/Florin235)

[@gfrcsd](https://github.com/gfrcsd)

[@zSaibot](https://github.com/zSaibot)

### Search Demo

A demo of the search functionality of the app

![Demo](https://media.giphy.com/media/ThqJLK4AVJbm1uUwgq/giphy.gif)

### Useful Links  :link:

[Mobile Web App](https://projects.louisefindlay.com/bbc-iplayer)