just xolotl
just xolotl
  • 59
  • 122 157
Master Database Design in Only 5 Simple Steps (Part 2)
🌟 Welcome to the second part of this comprehensive database design course! In this video, we’ll guide you through the essentials of building effective relational databases for your app using Supabase. Whether you're a beginner or looking to refine your skills, this database tutorial for beginners will cover everything you need to know about database structure and database architecture.
🚀 In this session, we’ll explorefive simple steps you can take to design effective database architectures. You’ll learn the best principles and practices for database design that will set you up for success in your app development journey.
💻 Plus, in the third and forth video, we’ll touch on how to integrate Supabase with FlutterFlow to streamline your nocode projects. By the end of this video, you’ll have a solid understanding of SQL and PostgreSQL, empowering you to create robust databases for your applications.
👉 Don’t forget to like, subscribe, and hit the notification bell for more insights on database design and app development!
Learn about relational databases here!
support.microsoft.com/en-us/office/database-design-basics-eb2159cf-1e30-401a-8084-bd4f9c9ca1f5#bmgood
Chapters
00:00 - Intro
00:27 - Step 1
00:52 - Step 2
02:04 - Step 3
03:09 - Step 4
07:01 - Step 5
09:16 - Outro
---------------------------------------------------------------------------------------------------------------------------
V i d e o s t o w a t c h n e x t
Master Flutterflow API Integration
ua-cam.com/video/aruB1K92fB0/v-deo.html
Integrate Simple Search using Supabase
ua-cam.com/video/yExwJg1Kz0s/v-deo.html
Everything you need to know about DataTables
ua-cam.com/video/ky3VOgatafs/v-deo.html
--------------------------------------------------------------------------------------------------------------------------
Have any questions? Reach out to me!
Instagram: @just_xolotl
Переглядів: 1

Відео

Master Database Design: How to Build Effective Relational Databases Part 1
Переглядів 225День тому
🌟 Welcome to the first part of this comprehensive database design course! In this video, we’ll guide you through the essentials of building effective relational databases for your app using Supabase. Whether you're a beginner or looking to refine your skills, this database tutorial for beginners will cover everything you need to know about database structure and database architecture. 🚀 In this...
FlutterFlow 5.0: 5 Features That Will Change Everything!
Переглядів 2 тис.2 місяці тому
🌟 FlutterFlow 5.0: 5 Features That Will Change Everything! 🌟 Welcome to the ultimate guide on the game-changing features of FlutterFlow 5.0! 🚀 In this video, we dive deep into the latest FlutterFlow new update and explore five revolutionary features that will transform your no code development journey. Whether you're a seasoned developer or just starting out, these updates are designed to super...
MASTERING Push Notifications in FlutterFlow and Supabase Made Easy
Переглядів 3,4 тис.2 місяці тому
Welcome to our Complete Step-by-Step Guide to Push Notifications in FlutterFlow and Supabase! This beginner tutorial will teach you how to send and receive push notifications using FlutterFlow and Supabase. We’ll cover the simplest and easiest methods, including integration with Firebase Cloud Messenger. You’ll also learn about Supabase Edge Functions and Supabase Webhooks. Perfect for no-code ...
Supabase Phone Verification Made EASY! Step-by-step FlutterFlow Guide
Переглядів 1,1 тис.3 місяці тому
In this comprehensive step-by-step tutorial, we’ll guide you through the process of unlocking phone verification using Supabase in FlutterFlow. If you're looking to implement phone number verification in your mobile app, this video is perfect for you! We’ll cover everything from the basics of FlutterFlow and Supabase to the specifics of setting up phone authentication. Whether you're a beginner...
Updated! Email Verification with Token in FlutterFlow and Supabase
Переглядів 1,9 тис.3 місяці тому
In this exciting tutorial, we dive into the world of email verification using a token one time pin with FlutterFlow and Supabase. If you've been waiting to implement email verification in your mobile app, this is the video for you! Send an email containing a token one time pin via email to verify your user’s account via Supabase. Learn how to seamlessly integrate FlutterFlow and Supabase for a ...
Finally! Email Verification with FlutterFlow and Supabase
Переглядів 2,2 тис.3 місяці тому
In this exciting tutorial, we dive into the world of email verification with FlutterFlow and Supabase. If you've been waiting to implement email verification in your mobile app, this is the video for you! Learn how to seamlessly integrate FlutterFlow and Supabase for a smooth authentication process. Whether you're a beginner or an experienced developer, this tutorial will guide you through the ...
Master the WhatsApp API in your FlutterFlow Apps in 8 minutes
Переглядів 1,3 тис.4 місяці тому
In this quick 8-minute tutorial, we show you how to master the WhatsApp API in your FlutterFlow apps. Dive into the world of mobile app development as we guide you through integrating the WhatsApp API seamlessly into your projects. Whether you're a beginner looking for a WhatsApp API tutorial or an experienced developer exploring new possibilities, this video is perfect for you. Learn how to op...
Send Emails with a Custom Domain in Supabase using Resend (Custom SMTP Integration)
Переглядів 1,8 тис.4 місяці тому
In this beginner-friendly tutorial, we dive into the world of custom email domains and SMTP integration in Supabase using Resend. Learn how to unlock the power of sending emails with a custom domain effortlessly, without any code required. Whether you're looking to set up email verification or enhance your email marketing strategy, this video has got you covered. Join us as we explore the ins a...
Level Up Your App: Forgot and Reset Password in FlutterFlow and Supabase
Переглядів 3,4 тис.4 місяці тому
In this beginner-friendly tutorial for mobile app development, we're delving into the world of FlutterFlow and Supabase to enhance your app's functionality. Learn how to level up your app by incorporating forgot and reset password features seamlessly. Whether you're a novice looking to explore the no-code realm or a seasoned developer seeking to streamline user experience, this video is a must-...
Implement a Custom Loading Indicator in FlutterFlow in 10 minutes! (Step-by-step tutorial)
Переглядів 1,5 тис.4 місяці тому
In this step-by-step tutorial, you will learn how to implement a custom loading indicator in FlutterFlow in just 10 minutes! If you're a beginner looking to add a loading indicator to your mobile app without writing any code, this tutorial is perfect for you. We'll cover everything from creating a loading animation to integrating it with an API call, specifically using Supabase. Watch this vide...
Open Google Maps In Your FlutterFlow Apps (Step by Step Walkthrough)
Переглядів 9044 місяці тому
In this step-by-step walkthrough tutorial, you will learn how to open Google Maps in your FlutterFlow apps with ease. Whether you're a beginner looking to enhance your app development skills or an experienced developer interested in a no-code solution, this video is for you. We'll guide you through the process of setting up Google Maps in FlutterFlow, using the launch URL action to seamlessly i...
Expert Guide: Trigger Notifications in Supabase and FlutterFlow with Buildship
Переглядів 8205 місяців тому
In this expert guide, we dive deep into the world of triggering notifications in Supabase and FlutterFlow using Buildship. Learn how to set up timed FlutterFlow notifications with Buildship, explore scheduled notifications, and even delve into SMS notifications with Twilio SMS integration. Whether you're a beginner looking for a comprehensive FlutterFlow tutorial or an experienced developer see...
Realtime Chat in FlutterFlow and Supabase in 5 minutes
Переглядів 3 тис.5 місяців тому
Welcome to this comprehensive FlutterFlow tutorial for beginners, where you'll dive into the world of mobile app development without any coding required! In this step-by-step guide, we'll show you how to leverage the power of Supabase's real-time database to implement real-time changes in your FlutterFlow apps with a realtime chat function. By following along, you'll be able to create a dynamic...
Step-by-Step Tutorial: Phone Number Authentication with FlutterFlow and Supabase
Переглядів 3 тис.5 місяців тому
In this detailed step-by-step tutorial, we will guide you through the process of implementing phone number authentication using FlutterFlow and Supabase. Learn how to set up phone authentication with Supabase and FlutterFlow, covering essential topics like phone sign up and phone sign in. Whether you're a beginner looking to explore Supabase or a mobile app developer interested in nocode soluti...
Working 2024 Method! Phone OTP in FlutterFlow and Supabase
Переглядів 2,5 тис.5 місяців тому
Working 2024 Method! Phone OTP in FlutterFlow and Supabase
NoCode Chat App with FlutterFlow and Supabase (Part 18)
Переглядів 9276 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 18)
NoCode Chat App with FlutterFlow and Supabase (Part 17)
Переглядів 5946 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 17)
NoCode Chat App with FlutterFlow and Supabase (Part 16)
Переглядів 6576 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 16)
NoCode Chat App with FlutterFlow and Supabase (Part 15)
Переглядів 7336 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 15)
NoCode Chat App with FlutterFlow and Supabase (Part 14)
Переглядів 8346 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 14)
NoCode Chat App with FlutterFlow and Supabase (Part 13)
Переглядів 1,5 тис.6 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 13)
NoCode Chat App with FlutterFlow and Supabase (Part 12)
Переглядів 1,2 тис.6 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 12)
NoCode Chat App with FlutterFlow and Supabase (Part 11)
Переглядів 1,3 тис.6 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 11)
NoCode Chat App with FlutterFlow and Supabase (Part 10)
Переглядів 1,4 тис.6 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 10)
NoCode Chat App with FlutterFlow and Supabase (Part 9)
Переглядів 1,8 тис.6 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 9)
NoCode Chat App with FlutterFlow and Supabase (Part 8)
Переглядів 1,7 тис.7 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 8)
NoCode Chat App with FlutterFlow and Supabase (Part 7)
Переглядів 1,5 тис.7 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 7)
NoCode Chat App with FlutterFlow and Supabase (Part 6)
Переглядів 1,6 тис.7 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 6)
NoCode Chat App with FlutterFlow and Supabase (Part 5)
Переглядів 1,6 тис.7 місяців тому
NoCode Chat App with FlutterFlow and Supabase (Part 5)

КОМЕНТАРІ

  • @niyonda_clothing
    @niyonda_clothing 3 години тому

    Thank you

  • @mdmokarom-g3s
    @mdmokarom-g3s 2 дні тому

    Hello, Please don't mind. Sorry to disturb you. I really enjoyed watching the videos of your channel. But very few people are watching those videos. If the viewers and subscribers are not high then your channel will not be nominated for monetization. channel but not many viewers have seen them.there are video 58 Your Video SEO Score 6% is very low. Because it is very far in the search ranking. very important Thumbnails Design Keywords Research SEO-friendly Title and Description As a result, the audience does not find it. If your video is SEO optimized your video will be at the top of the search engine, so viewers will see it. SEO your video, you will understand the difference. I wish you all the best. Note: (I will give you (Thumbnails Design free)I will do the Video SEO of your UA-cam channel So that every video of yours starts getting more and more views and goes viral.

  • @matthewcheok6992
    @matthewcheok6992 3 дні тому

    Thank you. Learn api theory and flutter flow in one video.

  • @dejanmarkovic1974
    @dejanmarkovic1974 3 дні тому

    Brother i msg you on instagram... i have problems with making this custom actions i have error in code that i copy paste from your github... subscribe and unsubscribe...

    • @flymetothemoon4
      @flymetothemoon4 3 години тому

      hey, did you manage to resolve it? I also have an issue subscribe custom code and cant open test mode, this error appears: 67 packages have newer versions incompatible with dependency constraints.

  • @maravilhaboss09
    @maravilhaboss09 3 дні тому

    and IOS?

  • @orianatoubia681
    @orianatoubia681 5 днів тому

    Thank you! Amazing video.

  • @dejanmarkovic1974
    @dejanmarkovic1974 5 днів тому

    Hello brother good job... what i find as a problem is that when user post something in group and leave group after that... for others users it shows error... when i add that user again in group error disaperes ... what would be nice to add is like on whacap to respond on some msgs in group, to like some msgs in group.... to kick someone from the group... video calll and voice call so we will have entire app done... maybe OTP number instead of mail verification

  • @viewer54612
    @viewer54612 8 днів тому

    Thanks for the video, could you please make another video for push notification ? there is an issue with the awesome_notification, it works fine for android but it fails when I tried to deploy the app to IOS

  • @ZahidBadr-tk7gu
    @ZahidBadr-tk7gu 9 днів тому

    can we reset password? make a new video if it's possible please!

  • @LaerteAlmeida-z1y
    @LaerteAlmeida-z1y 9 днів тому

    I'm just dropping by to thank you and ask for your help. In the Supabase menu, there is an option in your project called use supabase v1. I did everything following your steps and it showed an error. In the clone of your project it works and when I disable using supabase v1 it shows the same error as in my project. Is there a way to fix this?

  • @starkhayden
    @starkhayden 9 днів тому

    This video is fantastic! How do you handle the situation when the user closes the app before they verify their email? The user is created but email has not been verified. When they go back to the app's login page and try to login, FF will return an error that the email is verified. But, there is no way to catch that error and redirect them to the email verification page. Any suggestions on how to handle?

  • @darg1337
    @darg1337 9 днів тому

    The recent Supabase update messed up the password change. Now when I click the button the message shows "Auth session missing!" 400 error code. Do you have an idea on how to fix it? EDIT: I also tried using the "Update Password" action in FlutterFlow, but it just shows a white screen after the user clicks anything.

  • @IshfaqunNisa
    @IshfaqunNisa 9 днів тому

    Thanks much, it helps a lot! I have a question though, how does the the redirecting know which page to land to after verification? What if I want to send users to a specific page and not the homepage?

  • @MEdel2204
    @MEdel2204 9 днів тому

    !! FIXED PROBLEM!!! I think nobody is reading my post to fix the problem I mentioned and make the code run properly. It took several weeks to figure this out. Here is the solution: Even if you're using Supabase, create a Firebase collection (like test or smthng.) in Flutterflow. The code import 'backend/firebase/firebase_config.dart'; appears in main.dart. This will fix the issue. You do not have to use the firebase collection. Just create it. 👍👍

  • @vaishnavipandey8427
    @vaishnavipandey8427 10 днів тому

    Dude this is an amazing video! Love the humor 🤌🏼 don't listen to them boomers. Your content is great and keep em coming 👀 I commented from my actual account after watching the video anonymously because I couldn't stand these negative comments and I gotta let you know you are doing great!

    • @just_xolotl
      @just_xolotl 10 днів тому

      Thanks really appreciate it! ❤️

  • @pierremusa9678
    @pierremusa9678 11 днів тому

    Here you go again with some super useful content. I really like this UA-cam channel ... thank you very much for your passion and commitment. À très bientôt 🥳!!!!!

    • @just_xolotl
      @just_xolotl 11 днів тому

      Thank you very much! ❤️

  • @rishayrajkumar
    @rishayrajkumar 11 днів тому

    I keep getting a message that warn:no seed files matched pattern: supabase/seed.sql

  • @fernandagalveztoress
    @fernandagalveztoress 12 днів тому

    thank you so mucch these are super helpful

  • @flutterflowexpert
    @flutterflowexpert 12 днів тому

    Great video! Keep on the good work! 💪

    • @just_xolotl
      @just_xolotl 12 днів тому

      Thanks! Huge fan of your vids too ❤️

  • @dejanmarkovic1974
    @dejanmarkovic1974 14 днів тому

    can i make this app from your tutorials with supabase free version?

  • @JoseManuel-dh8ro
    @JoseManuel-dh8ro 15 днів тому

    Hola genial video!!!!. Todo el proceso perfecto, pero al finalizar y tras poner la nueva password y darle al botón para que se actualice, me arroja el siguiente error Error: Unable to validate email address: invalid format. A que se puede deber?. Gracias!!!!

    • @just_xolotl
      @just_xolotl 13 днів тому

      Hmm seems like your email is in an invalid format. Could you check what email you are passing?

  • @JapaneseJ
    @JapaneseJ 16 днів тому

    I think this is best video to understand Supabase search. Good video . Thanks please keep up.

  • @dogesamurai4930
    @dogesamurai4930 18 днів тому

    thankss broo!!

  • @renatomenezesviana
    @renatomenezesviana 19 днів тому

    Top notch work, excellent video.

  • @LydiaRodarte-Quayle
    @LydiaRodarte-Quayle 23 дні тому

    Like how you tackle most needed functionalities in Flutterflow dev Can you make us a video about how to have on page translate like the one in airbnb for example, the app translate automatically to the user preference language. Thanks Is it possible with flutterflow ?

    • @just_xolotl
      @just_xolotl 13 днів тому

      Yes it is! Flutterflow has built in translation. Will definitely make a video about that soon!

  • @jenosigue
    @jenosigue 23 дні тому

    Good job bro! very detailed tutorial!

  • @Blackly-h8l
    @Blackly-h8l 23 дні тому

    Nice job man! Thank you so much

  • @KelvolaDaCartola
    @KelvolaDaCartola 24 дні тому

    how do you get FCM? I follow the same steps but it doesn't work.

    • @just_xolotl
      @just_xolotl 13 днів тому

      Are you testing it on an emulator or real phone? If you are using FF’s web based test mode, there won’t be any token

  • @naceja
    @naceja 25 днів тому

    How do I implement this for a mobile app, some way to redirect to the app, or do I need a web version?

    • @just_xolotl
      @just_xolotl 13 днів тому

      For mobile apps your site url will be a different one. You can find it under settings -> app details -> url scheme (scroll down to the bottom). This will work for mobile apps.

  • @MEdel2204
    @MEdel2204 26 днів тому

    @just_xolotl I Created a new FF project to try to retrieve the fcmToken, and it’s working. After comparing, I found that there is a line in main.dart in the working version that the non-working project doesn’t contain. The working version includes this line of code: import 'backend/firebase/firebase_config.dart';. Could this be necessary in main.dart to get the fcmToken? If yes, how to put this line in the main.dart?

    • @MEdel2204
      @MEdel2204 23 дні тому

      --- Solved-- YES!!!! Even you use supabase, create a collection in firebase. The code "import 'backend/firebase/firebase_config.dart'; " appears in main.dart. this will fix the issue. 👍👍

  • @ZiadAhmed-t4t
    @ZiadAhmed-t4t 27 днів тому

    Awesome! For IOS what extra needs to be done here?

  • @шишкакишка-к3з
    @шишкакишка-к3з 28 днів тому

    Hello, dear developer. I’ve encountered an issue where, when I click on a conversation, I receive the following error. How can I fix this? What should I check?``` Unexpected null value. The relevant error-causing widget was: Builder Stack trace: dart:sdk_internal 12007:11 throw_ dart:sdk_internal 12363:30 nullCheck packages/chat_app/backend/supabase/storage/storage.dart.js 6351:231 <fn> packages/chat_app/backend/supabase/storage/storage.dart.js 6356:43 <fn> ... ```

    • @just_xolotl
      @just_xolotl 12 днів тому

      Hi! A null value error means that one of the values you have is null. What I would do is check all my fields that I have set dynamically and pass a default value into everyone of them like (“error”) so the app still runs but then we can know which field has an error.

  • @ShazPersia
    @ShazPersia 29 днів тому

    Thanks for the detailed tutorial. One question though: do you have to use firebase authentication to have the custom function to work or did you used Supabase authentication in your app?

    • @just_xolotl
      @just_xolotl 13 днів тому

      I used Supabase authentication!

  • @nocodetrevor
    @nocodetrevor Місяць тому

    Great tutorial Joel! To resend the verification email you can also use this custom action to avoid passing the passwords as page parameters: "// Automatic FlutterFlow imports import '/backend/schema/structs/index.dart'; import '/backend/schema/enums/enums.dart'; import '/backend/supabase/supabase.dart'; import '/actions/actions.dart' as action_blocks; import '/flutter_flow/flutter_flow_theme.dart'; import '/flutter_flow/flutter_flow_util.dart'; import '/custom_code/actions/index.dart'; // Imports other custom actions import '/flutter_flow/custom_functions.dart'; // Imports custom functions import 'package:flutter/material.dart'; // Begin custom action code // DO NOT REMOVE OR MODIFY THE CODE ABOVE! Future<String?> resendVerificationEmail(String email) async { try { final supabase = SupaFlow.client; await supabase.auth.resend( type: OtpType.signup, email: email, ); return null; } on AuthException catch (e) { return e.message; } on AuthException catch (e) { return "Error: ${e.message}"; } catch (e) { return "Unexpected error: $e"; } }"

    • @just_xolotl
      @just_xolotl 12 днів тому

      Awesome! That’s a better solution thanks for that!

  • @clementspencermwanyama9597
    @clementspencermwanyama9597 Місяць тому

    Thank you very much sir🔥🔥🔥🔥

  • @Sameer_Pattnaik
    @Sameer_Pattnaik Місяць тому

    Hey if you know about flutterflow branching then please help me

  • @ivanshiyan9426
    @ivanshiyan9426 Місяць тому

    Hey, nice video that’s what I looked for. Just a moment to clarify, every time I generate api key for gemini, I got key for 1.5 pro version. Free plan of pro gets me 50 request per day at this time gemini 1.5 flash free plan gets 1500 requests per day. Do you know how to generate api key for flash version because I need more requests per day and I don’t really need pro version. Thanks

  • @sostine_waliaula
    @sostine_waliaula Місяць тому

    great work, can you be able to do one using phone number otp

  • @AlfredNutile
    @AlfredNutile Місяць тому

    Great episodic series better than binging Netflix! 🎉

  • @CodeA-ho5ty
    @CodeA-ho5ty Місяць тому

    So before i get verified, I should have my own hosting domain like on the other site?

  • @hopperpa5585
    @hopperpa5585 Місяць тому

    Can you use Supabase query on this method

  • @Chris-Munga
    @Chris-Munga Місяць тому

    Aweesome tutorial, but what if I have multiple FF apps accessing the same Supabase backend, does the process work for all my apps? (I'm talking about the site URL)

  • @jansenekouameble8348
    @jansenekouameble8348 Місяць тому

    Thank you for your enriching content, can we do on an e-commerce application with flutterflow ❤

    • @just_xolotl
      @just_xolotl 13 днів тому

      Yes, absolutely! I’m planning a series on that now actually!

  • @AlfredNutile
    @AlfredNutile Місяць тому

    Great work!

  • @thenewleadervn
    @thenewleadervn Місяць тому

    I have looked very carefully and done but can not authenticate. Please help me. Thanks.

  • @ComprehensiveSupervisor2
    @ComprehensiveSupervisor2 Місяць тому

    Hi can you plz make a video on how to delete profile pic also from supabase using flutterflow, i mean if a user update his profile pic then older pic should be removed permanently and then upload new profile pic, in my case old pics are not getting removed and the new pic also stored in supabase bucket. so tell me how can remove older profile pic. thanks