<aside> <img src="/icons/book_blue.svg" alt="/icons/book_blue.svg" width="40px" /> Get ready to build your first Marketplace with OpenAI integration on Softr!

To make our live build session more efficient, please do the following before the session start time!

  1. Create an account in Softr here.
  2. Create an account in Airtable here.
  3. Create a new workspace and then open this AI Art Marketplace Airtable base and then hit “Copy Base” to duplicate a copy of this base into your Airtable workspace.
  4. Get your Airtable personal token ready to go here.
  5. [Optional] Create your openAI account here.
  6. [Optional] Get your openAI API key ready to go here.
  7. [Optional] Watch Softr overview video here.
  8. [Optional] Watch No-code Essential Part 1 here.

IT’S TIME TO BUILD 🙌!

</aside>

Softr Build Session Step-by-step Guide

Hi no-coders! Jasper from @nomocodes here! In today’s session, we are going to build the core functionalities of a simple AI art marketplace. By the end of the session, you should be able to build the following features.

  1. A home page where all users can browse all the artworks for sale
  2. An Airtable database with two linked tables (artworks and users)
  3. All users can click on an artwork from the list to open a list details page to show users more about that artwork
  4. All users can then purchase the artwork from the payment link associated with each artwork
  5. Authenticated users can list their own artwork for sale
  6. Authenticated users can generate their own AI artwork

0️⃣ Formulate a plan with AI.

You can use ChatGPT or Bard or Nocodeflow.io which is a tool I have built to help you generate a plan that includes screen planning, feature planning, database planning and as well as a user flow chart to help visualise the plan.

If you are using ChatGPT or Bard, a prompt could look like

“ You are a UX consultant. I want to make a AI Art Marketplace where user can browse and purchase AI artworks. Provide all relevant screens, features, user stories and database schema design.”

If you are trying nocodeflow.io, you can simply put

“AI Art Marketplace where user can browse and purchase AI artworks.”

And tadaaaa! you will have a good baseline plan that you can now customise from.

For our workshop, let’s refer to this plan that i have generated with nocodeflow.io here.

Start project with a plan!