ChatGPT Tutorial: Build a No-Code AI Powered Movie Recommendation Site (Airtable & Make.com)
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!
View tool page
ChatGPT
AI Tools


Airtable
Database/Spreadsheet
#category #category

Heading 4
#category #category

Heading 4
#category #category

Heading 4
#category #category
