Fortunes With Friends Quiz Game
As entered in the 2025 Buildship vs Webflow Hackathon, this template allows you to recreate the quiz game - Fortunes with Friends.
3
Report this template
Select the reason for reporting
Describe the issue in detail
As entered in the 2025 Buildship vs Webflow Hackathon, this template allows you to recreate the quiz game - Fortunes with Friends.
Report this template
Select the reason for reporting
Describe the issue in detail
This template contains 13 flows:
No examples available for this flow.
Useful information and instructions for using the Fortunes With Friends template.
I didn't have time to survey 100+ people needed to re-create this popular game show format.
I had no researchers or production team. So how could I use AI to fill these roles for me.
And in doing so, would it be possible to start with synthetic AI data and gradually over time turn that into human data.
It also gives you a great starting point to create your own quiz game.
Whilst this has been predominantly built on Buildship and Webflow, there are a few other elements at work here.
First - the quiz questions are powered from a Google Sheet, so you will need a Google login, however you could use another DB if you wish. Authenticate and connect your Google account within Buildship.
Second - the quiz and user data is held in Mongo DB, so you will need to have signed up for that, but you can adapt it if you use another DB. API Key required.
Third - the quiz rewards and leaderboard are provided by OpenFormat, these blockchain rewards can scale and persist with the user so sign up for an account there or create your own rewards system. API Key required.
Fourth - The AI is powered by Open AI so go and get an account there if you haven't already. API Key required.
To use this template requires a comprehensive understanding of Buildship. There are branch nodes, switches, loops, parallels and nested workflows. These are all activated by Javascript that runs in Webflow.
Follow the numbers on the workflows to create the following pages in your Webflow App;
Configure your Google Sheet as follows;
Configure your Mongo DB as follows;
Create a Database called "Quiz" that contains the following collections;
Find the full script here
Find the full html and css here
Any additional information like demo links or YouTube tutorials.
Chat with Google Sheets
Create an AI Assistant that can chat with your data on Google Sheets. This template is connected to a Furniture store's inventory data on Google Sheets and users can chat with the data to get meaningful recommendation for products.
By BuildShip
Lead Qualifier to Google Sheets
This template is designed to process user-provided leads by evaluating the lead based on the user's company description and lead rating criteria. It starts by getting input text from the user and extracting the company name from a provided email. A branching logic checks certain criteria; if it meets the conditions, it takes the user through a series of steps involving Perplexity AI Chat, a rating process, and then adds a row to a Google Sheet. If the conditions aren't met, it bypasses the additional processes and directly adds a row to the Google Sheet. Finally, it concludes by outputting the flow's result.
By BuildShipWebflow Basic API
Webflow Basic API template that retrieves data from Google Sheets and provides it as an API for dynamically displaying information on Webflow pages. You can utilise any data source, such as Airtable, Google Sheets, or Firebase here.
By BuildShip
Research Assistant with Tavily
Integrate Tavily's AI search with BuildShip's automation to create a research assistant that updates your Google Sheet with relevant data on any topic.
By BuildShipGoogle Sheets to Framer CMS
Sync Google Sheets data to Framer CMS-ready JSON. Accepts a Google Sheet URL and sheet name, fetches the sheet’s data, converts it from a 2D array to a JSON array of objects, and returns the result for use in Framer CMS or other applications.
By BuildShip
Logo Downloader
Automatically fills missing logo URLs in a Google Sheet. Accepts a sheet URL, scans for companies without logo links, fetches each missing logo from Brandfetch, updates the sheet with the logo URLs, and returns the update status and results.
By BuildShip