Review Moderator Dashboard
In this tutorial, you’ll learn to build a feature-complete internal tool on top of a real business dataset using Appsmith. The application is a multi-page dashboard that lets you browse through all the business information and moderate individual reviews provided by users.
TUTORIAL INFORMATION
Level: Beginner ⏱️ Time: ~20 minutes 🙌 Goals:
  • Connecting to Data Sources on Appsmith (APIs/DB Queries)
  • Binding Data onto different UI Widgets
  • Writing JS on Appsmith for Complex Views
  • Deploy and Manage your Applications
The tutorial is organized into three parts & we recommend you to follow them in order. Now before getting started, let’s set up Appsmith. You could either choose to use the self-hosted version using Docker or Appsmith cloud and follow along.
Note: To set up Appsmith locally using Docker, you can follow the instructions provided here.
If this is your first time using Appsmith, you'll need to get acquainted with some initial setup. When you log in, you'll be redirected to Appsmith Dashboard. This has an auto-generated organization called <Your first-name> apps (referred to as your personal organization from now on). However, you can create multiple organisations and organise your apps based on your preferences.
In this tutorial, you'll create our Review Moderator application under the same organization. To do this, follow the below steps:
  1. 1.
    Click on the Create New under your organisation.
  2. 2.
    This will redirect to the configuration page of the newly created app.
  3. 3.
    Note that the app is created with the default name Untitled Application 1.
  4. 4.
    Rename it to Review Moderator ****by double-clicking on the existing one.
Tip: On Appsmith, you can rename organisation names, widget names, query names and many more by double-clicking on the existing one.
Creating and Renaming Appsmith Application
The new app comes with auto-generated directories that establish an Appsmith app. Below is a screenshot of the entity explorer.
Entity Explorer is a place where you can create and organise UI widgets and data sources. Additionally, you can also find different integrations that you can utilise under these sections.
Now, let’s rename the page from Page1 to Business Details; you can do this by double-clicking on the existing name.
Awesome, you have now have set up the application. Next, let’s jump into the first part, here you’ll connect to a data source and write your first DB Query on Appsmith!
Last modified 2mo ago
Copy link
Edit on GitHub