Page Manager is a web page that allows a user to remotely manage her Facebook pages, through Facebook REST APIs. She can view the insights of all posts under a selected page, create a published post, unpublished post, and scheduled post, and delete a post.
Several considerations:
Use AJAX to dynamically update the page, without reloading the whole page
Use JQuery to handle the events
Use Bootstrap for responsive pages and datetimepicker
Use PHP to authenticate the app and communicate with Facebook Graph
The WebApp is registered as Facebook App and utilizes Facebook REST API
The thumbtack one the left side indicates the selected page. We can switch to another page by clicking the page name. One the right hand side, the app shows the post insights. E.g., post_impressions is the number of times this post has been seen.
After clicking "Odyssey", we switched to the Odyssey page. The right side got updated dynamically. Datatables is used here, allowing the user to search and order the list.
When "New Post" button is clicked, the app shows the modal window for the user to put in post information. Bootstrap has a nice datetimepicker, which is used here.
A new post was created. Notice this is a scheduled post since we picked a day and didn't select the "Published Post?" checkbox.
On the Facebook page, we can see a scheduled post was created.
User can choose the post she wants to delete. Here we chose the post we just created.
Once the "Delete Post" button was clicked, the app told Facebook to remove the post. The datatable was updated accordingly.
The post was removed from Facebook.