fac-15 / whotube

An app to keep your favourite youtubers' social media pages in one place

Mike, Susan, Alex, Lucy

A web app for those who want to keep their favourite youtubers' latest videos and tweets in one page, always under control!

User instructions 📚

Geeky version:

• clone the repo
• npm i
• ask us for the keys!🔑 Put this in a .env file and save at root level.
• npm run dev
• go to your on http://localhost:5000/

or more simply,  

• navigate to https://whotube.herokuapp.com

Prototype

Logo ideas:

Whooootube! The owl idea came out quite randomly, but we liked how it sounds.

User stories 👓

1. As a user, I want to be able to enter a youtuber's username and see their most recent videos.
2. As a user, I want to be able to see their twitter too.
3. As a user, I want to see the text and the video large enough to be read and watched.
4. As a user, I want to be able to refresh the page in order to see if the youtuber I follow has updated their profile.

YouTube API

• We overcame quite complicated documentation to successfully retrieve the data we wanted.
• Through a nested list of 3 API calls we can:
  1. retrive the Channel ID for a selected youtuber,
  2. then look for the playlist,
  3. finally the latest videos.
• We worked in order to make sure the search function would be able to interpret the user input in most cases. Should the word that the user input lead to partial or any result at all (e.g. youtube and twitter accounts have different names), the user will have che chance to manually add youtube and twitter user names in two dedicated searchboxes.

Twitter API

• Starting from the same inpout search, unless the youtuber had a different name for their twitter account (see above), the latest 10 tweets will be displayed alongside the latest videos.
• We added date and time to the tweets in order to make it easier for user to tell most recent tweets from the least.