Demo Application

In the previous lessons, we gained hands-on experience with the Facebook Graph API endpoints. Let's integrate those endpoints into a functional application.

Workflow

The workflow of the application is as follows:

• When we run the application, the landing page is rendered, which consists of an introduction of the application and a “Get Started” button.

• When we click the “Get Started” button, we are taken to the login page.

• After logging in, we are taken to the dashboard. On the dashboard, there are options to publish test posts, photo posts, and video posts on the page and group.

• We can view the user's feed if we click on “User Account” in the vertical navigation bar. The same applies to “Page Account” and “Group Account.”

• We can log out by clicking the “Log Out” button on the top right of the page.

The widget below contains the code for our application. Click the “Run” button and the link at the end of the widget to see the React application in action.