Building the frontend

For our frontend design, we will use the default UI that comes with Next.js, as shown in Figure 12.3. We will implement the following set of components for our frontend:

• The Search component: Creates a search box to search for Twitter users.
• The ValueCount component: Obtains the count of unique values and plots it using a bar chart or pie chart.
• The Plot component: This component is used to plot our sentiment analysis in the form of a bar chart.
• The Table component: This is used to display the obtained user data in table form.

In the following sections, we'll implement the preceding list of components. Let's get started by implementing the Search component.

Creating the Search component

The Search component is the main component for setting the app in action. It provides the input field in which a Twitter user's name can be inputted and then searched for. The search component enables us to make a call to the two...