top of page

Videos

Make

View Tool Page

Make

Automation

Airtable

Database/Spreadsheet

ChatGPT

AI Tools

In this video I show you how to take your No-Code game to the next level showing how to build a OpenAI Artificial Intelligence powered movie recommendation no-code app!

In future videos planned for this series we dive deeper into AI and OpenAI / ChatGPT for no-coders, and how to use APIs for No-Coders, so stay tuned. 😎

***Build Along With Me - Resources For This Tutorial Below***

This is the OpenAI Completion Prompt used in the tutorial (if you are copying this, remember to show some love and click like on the video, thanks!):

"I like these three films: Film 1 = Film 2 = Film 3 = ; Recommend to me the next perfect movie I should watch based on me liking these three films. For the movie you are recommending to me: create (and important to only return as the only response to this prompt) a valid JSON object containing data as per format and guidance notes next:{"title": “the title of the movie”, "overview": “short blurb giving an overview of the movie”, "reason": “Write a short paragraph describing your thinking as to why this movie is relevant to the 3 input movies. IMPORTANT GUIDANCE NOTE: Do not include inverted commas "" before or after the names of movies inside this paragraph"}"

This is the webhook response redirect custom code snippet used inside of the Softr Studio to get the page to redirect after the user submits the form containing their 3 movies (the square brackets "[" & "]" [there are 6 in total in the script!] will need to be replaced with angle brackets throughout, YouTube does not allow angle brackets in a video description :

[script]

window.addEventListener('submit-form-success-form1', (e) =] {

const response = e.detail.response || {};

const data = response.data;

if (data && data.redirect) {

window.location.href = data.redirect;

}

});



window.addEventListener('submit-form-success-form2', (e) =] {

const response = e.detail.response || {};

const data = response.data;

if (data && data.redirect) {

window.location.href = data.redirect;

}

});

[/script]

************************

No-Code Tools 🔧 used in this video:

1. Softr.io - a visual developer for making web pages and web applications using pre-built blocks & templates:

https://www.softr.io/pricing?via=jamie


2. Airtable.com - a database that looks and feels like a spreadsheet, but with all the power of a database plus automation tools and a deep network of integrations with other no-code tools: https://www.airtable.com


3.Make.com - a No-Code logic and automation powerhouse; It lets no-coders interact with APIs without knowing they are even using an API! Connect all of your No-Code apps together, and create really amazing and automated workflows

https://www.make.com/en/register?pc=nocodeie


4.OpenAI.com - probably needs no introduction, the leading artificial intelligence model opened to coders and no-coders alike for implementing LLM Artificial Intelligence into their own application builds.

(Note: the Make & Softr links above are affiliate links and I will be paid a referral fee if you sign up through my link; Thank you in advance for supporting me and my channel!)

We are in the process of developing our No-Code community & all resources accompanying this tutorial can be found inside our community, including an embedded copy of the airtable base shown in this tutorial! The first (🏆) 400 members will have free access for life! Apply Here:
https://www.no-code.ie

As always, thanks for watching and talk to you soon!

ChatGPT Tutorial: Build a No-Code AI Powered Movie Recommendation Site (Airtable & Make.com)

Related Videos

Add a Title

Add a Title

Add a Title

bottom of page