The following is built using ExpressJS with Netlify thanks to Serverless Functions. Originally I started by working from the Express Netlify tutorial, but quickly abandoned that as I found it difficult to understand. Instead, this project is more a hodge podge of learning I did from the MongoDB site and ExpressJS with AWS Lambda Functions which is what Netlify's Serverless Functions are.
The site is built with plain HTML, CSS and JS.
It uses Netlify's Serverless Functions to communicate with a MongoDB database that stores all of the designs that people have created.
compare-and-share- This directory contains the screen is the final screen that user's are shown after completing their design and completing the survey. This screen provides the user with their own design that they created and compares it against the most frequently selected options.complete- This directory contains the page which redirects users to the compare and share page - we used this to hide the compare and share page's URL to prevent people from navigating there if they didn't need to and also used this link at the end of the Google Form to redirect people to the compare and share page.error- This directory contains the page that shows in the event of an error.express- This folder contains the Netlify Serverless Functions.imgs- Contains the site's images.js- Contains the JS used to help with styling the designs.resources- Contains the PDF version of the full Introduction/Consent Information sheet that was mandated by the ethics board.review- This directory contains the page that provided users with their design and asked them to complete the Google Forms questionnaire.share- This is the location that is displayed when a design has been shared - it simply displays the design that the user created and invites the person viewing it to create their own Bog Roll Business Builder design.testing- The resource that allows people to create their own design.netlify.toml- The configuration used to specify build instructions and plugins for Netlify.