MyFBLive

List and display Facebook live videos.

Web App Usage:

1. Log in to Facebook

   

2. After login, if you have your own live videos, you'll see them on the left list. Clicking each item will display the corresponding embedded video on the right panel.

   

but a video is not allowed to watch if the permission of the video is not set to Public.

3. You can also search other Facebook users' live videos, just input their Facebook id, then clicking the search button.

   

   So, how to get the FB ID? You simply get it from the url of their Facebook page.

   Clicking user profile's photo

   

   then, copying the number/string between www.facebook.com and photos.

   

4. This web app is able to view on mobile devices as well.

   

   ​

To-do list:

1. Supporting displaying searched live users' list (done)
2. Loading more for list of live videos (done)

Skills learned through this project:

1. React
2. Facebook API
3. Firebase