Dive into a comprehensive tutorial on building an internal dashboard for comment moderation using Airplane.dev. Learn to create tasks for managing comments, construct views with custom components, and implement inline moderation actions. Explore the integration of OpenAI for automatic flagging of abusive content, while considering ethical implications. Follow step-by-step instructions to set up the project, develop locally, and deploy the dashboard. Gain insights into the importance of content moderation and discover how to leverage AI responsibly in the process. By the end, you'll have created a powerful tool for efficient comment management and moderation.
Build Internal Tooling Super Fast - Full Tutorial
Overview
Syllabus
What are we building?
Why it matters to learn this
Airplane lets your team build internal tools fast
Project scope and tools
Get set up with Airplane
Local dev setup
Overview of Airplane studio
Create your first task reset the comments database
How UI changes show up in code
Running tasks via UI
Create a task to list all comments
Create tasks to view flagged and approved comments
Build views dashboards in Airplane
The component library for building internal tools
How custom view code works
Show approved comments with task backed tables
Show flagged comments
Add a checkbox to toggle visibility of flagged comments
Add tasks to allow flagging, approving, and deleting comments
Testing the tasks
Reset the database whenever you want
Add inline moderation with task backed row actions
Refetch data when it changes elsewhere
Add new comments with a TypeScript task
Why moderation is so important and why it's so hard
Be aware of the ethical concerns with AI!
Get an OpenAI API key
How to store API keys in Airplane config
Check for abusive comments with AI
Testing the AI moderation
Deploy your dashboard
Get the example app running for testing
Try out the moderation flow in the example app
Moderation of an abusive comment
Next steps
Taught by
Learn With Jason
