monday.com Tutorial: Create Your First AI App with Stable Diffusion

Creating Your First Monday.com AI-Powered App Using Stable Diffusion

Stable Diffusion is an innovative generative model that allows users to create high-resolution images swiftly and efficiently. In this comprehensive tutorial, we’ll guide you on how to integrate Stable Diffusion with Monday.com, a dynamic Work Operating System (Work OS) that helps teams streamline their processes and projects.

Prerequisites for Using Stable Diffusion

• An API Key from Dream Studio.
• Basic understanding of React.

Getting Started with Your Project

First, let’s create a new project folder. Open Visual Studio Code and create a new folder named monday-tutorial. Ensure you have both React and Axios installed:

npm install react axios

Next, replace the content of the src/App.js file with the necessary code for your application.

Setting Up Your Server

Create a new file named server.js at the root of your project and add the following code:

// Your server code here

Make sure all required dependencies are installed by running:

npm install

Enhancing Your App with Monday.com API

Before diving into coding, it’s advisable to experiment with the Monday.com API Playground to test your queries and mutations. Log in to your Monday.com account and access the API playground for a smoother experience.

Creating a Task

To create a task (or item), you must first get the group_id using the respective query:

GET /groups

Adding a New Column to Your Board

Next, add a new column of type file to save the generated images. You can fetch the column ID with this query:

GET /columns

Uploading Generated Images

Once you have the itemId and columnId, use this mutation to add your generated image to the specified column:

POST /add_file

Push Your Project to GitHub

Create a new repository on your GitHub account and push your completed project. Following that, go to your Vercel Dashboard, select Add New, and then Project. Import the repository you just created. Once deployed, copy the app URL for use in Monday.com.

Creating Your Monday.com Account

If you haven’t already, create an account on Monday.com. You can easily sign up using your Google account. After signing in, you’ll be taken to your dashboard.

Building Your Monday.com App

To create your app:

• Click on your Profile Picture in the upper right corner and select Developers.
• Click on Build App.

Name your app (e.g., Stable Diffusion AI App) and write a brief description, then click Save.

Creating a Feature

Navigate to the Features tab and hit Create Feature. Select Board View and proceed by clicking Start from Scratch.

For the build type, select Custom URL and enter the link obtained from Vercel, then click Create Build. To preview, switch to the View Setup tab and click on Go to Preview.

Publishing Your App

Head to the App Versions tab, click the three dots beside your app's name, and publish it. Your app's status will change from Draft to Live.

Installing the App

To install your app, select Install from the sidebar and click the Install App button. You can also share your app by clicking on Share > Publish Share.

Adding a Monday.com Badge

As a final touch, copy the code for the Monday.com badge and paste it inside your app!

Conclusion

Congratulations! You’ve just created and published your first Monday.com AI-powered app using Stable Diffusion. If you have any questions or need further assistance, feel free to reach out. Happy coding!