
-----------------------------------------------
// TIMESTAMPS
0:13 Intro & pre-show chat
4:11 Stream overview - Noted webapp
8:42 Auth & database solution - Supabase
9:50 Setting up Firebase
11:00 Sign In
12:25 Sign Up
18:35 Get User request
19:37 Sign Out
24:55 Make Sign In / out buttons appear when appropriate
28:00 Make Sign In CTA display when appropriate
28:57 Make Notes section display when appropriate
29:35 Make Loader display only when loading the user
33:19 Displaying the user email
34:17 Loading the Notes
38:45 Q&A section
40:52 Rendering the Notes
43:00 Q&A section cont.
46:25 Display Notes title
47:00 Add is-active class to active elements only
49:35 Add Quill functionality
01:03:18 Add Update Note functionality
01:11:00 Display Discard or Save buttons when appropriate
01:18:40 Make changes Discard when button is clicked
01:24:35 Wrap up & Outro
-----------------------------------------------
// RESOURCES FROM THE VIDEO
Live link -
Wized preview link -
Wized clone -
Firebase -
Wized -
Wized UI & features update walkthrough -
QuillJS -
Finsweet.com -
Finsweet merch store -
Signup to Finsweet+ -
Subscribe to Finsweet YouTube -
-----------------------------------------------
// ABOUT US
We’re Finsweet - a Webflow enterprise partner, badass product creator, and educational content powerhouse. We are taking Webflow to a new level and sharing everything with you along the way!
🙌 Join our community -
🔥 Add superpowers to your Webflow website -
🧰 Extend your Webflow workflow -
🚀 Build clear, scalable & organized Webflow websites -
👀 Check out products used at Finsweet -
🛍️ Buy Finsweet merch -
-----------------------------------------------
// SOCIAL
Podcast:
X:
Instagram:
Facebook:
Dribbble:
Behance:
Webflow:
-----------------------------------------------
// TAGS
#webflow #products #wized
-----------------------------------------------
Thanks for your support! 🤟