How to make a Personality Quiz using Webflow CMS and Javascript

Hello!!! I’m back with a fun little project I did over January! This is a long one so jump around and take what you need or sit back and hang out for a spell :)
I have spent most of the last year packing up my things, moving, moving again, and overall living a very on the go kind of existence. Doing this while also having a full client load has made making any kind of extra content super difficult to do consistently. But I love sharing this kind of stuff! so I’m trying to get back into it this year. Also, I may be finally settling down in the next couple months so stay tuned for more.
⭐ Live demo site: kckat-personality-quiz.webflo...
⭐ Webflow clonable: webflow.com/made-in-webflow/w...
⭐ Frog quiz: frog-quiz-kckat.webflow.io/
🕗 Timestamps:
0:00 Hi hello and intro
1:30 Demo
3:20 Structure of the project
4:56 The stack
5:48 Webflow build
9:27 Javascript
13:10 Putting the result behind an email form
16:16 Concluding thoughts
17:36 LETS MAKE A FUN QUIZ
Find my work or reach out for projects:
www.artsci.studio/

[@Rotimok]

Really found this helpful KC. Thanks!

[@timothyricks]

Great video, KC! I always wondered how personality tests are setup, and your ranking method makes a lot of sense.

[@michellewren_]

This was so fun to watch you build! The frog quiz is so silly.... I love it. My favorite question is "what's your favorite mode of transportation" only because "my froggy legs" as an answer made me lose it. I got Daniel, btw lol 🐸

[@yannyimo]

I love your content ideas. Throughout your videos, just the right amount of technique to make a much better site than a boring one.

[@masonpoe8286]

Whoohoooo! this is awesome

[@zephon22]

Thanks for the in-depth walkthrough! Also because of that smooth video/screen capturing.Is there any specific capturing software you are using for highlighting different parts of Figma and Webflow?

[@aball8432]

'promosm'