Build an Offline First App using Flutter, Node, Bloc, Express, TypeScript, Docker and PostgreSQL!

Поделиться
HTML-код
  • Опубликовано: 22 янв 2025

Комментарии • 112

  • @cyberworldhack
    @cyberworldhack Месяц назад +22

    Rivaan the flutter expert

  • @fatihyilmazz
    @fatihyilmazz Месяц назад +17

    We missed you, I was just looking for a nodejs typescript docker microservices video. It came from my favorite guy. Welcome king.

    • @pragatikalwar6851
      @pragatikalwar6851 Месяц назад

      As I am complete beginner to node js . Can I watch this ?

    • @axixkhanii4321
      @axixkhanii4321 24 дня назад

      @@pragatikalwar6851 You can but the docker is setup up with this and this guy is doing every thing perfect but I prefer you to start Node from local and don't involve with docker for now.

  • @medoxcharm4561
    @medoxcharm4561 Месяц назад +8

    We missed you bro it's good to see you again, keep going bro you are the best

  • @sahilsinnarkar9650
    @sahilsinnarkar9650 Месяц назад +1

    Bro you are such an expert in these stuff, really inspirational

  • @shahabdolatabadi4116
    @shahabdolatabadi4116 Месяц назад +3

    Hi Rivaan. Your tutorials are awesome. Detailed, clear, and comprehensive. One question. Will you be creating Serverpod tutorials in near future?

  • @KrishnaparthDave
    @KrishnaparthDave Месяц назад

    Rivaan keep doing such great projects and thank you for sharing this with us and I really love your Flutter project videos

  • @-IT-KumarTe
    @-IT-KumarTe Месяц назад +1

    Hi Rivaan,
    I’m a final-year student currently working on a project titled Smart Parking Finder and Management System. It involves real-time parking availability, seamless booking, and efficient management using Flutter, Node.js, and PostgreSQL.
    Your tutorials have always been a great source of guidance for me. It would mean a lot if you could create a tutorial on a similar project to help students like me in implementing this system effectively.
    Thank you for the amazing content you provide! Looking forward to learning more from your channel.

  • @ivelandry2931
    @ivelandry2931 Месяц назад

    The 🐐 dropped another, dunno why I didn't get notified
    Rivaan please clone file manager next, It'll help me a lot

  • @monaelkateb2652
    @monaelkateb2652 Месяц назад +1

    Another great tutorial, thank you.

  • @actu-soft
    @actu-soft Месяц назад

    Thank you for this good job, so please do the second part to complete us all knowledge!

  • @cptsakamoto
    @cptsakamoto Месяц назад +1

    I believe facing a realworld problems and fixing in a video gives proper understanding, if the someone dont want to see the fixing they can always skip

  • @saiphaneeshk.h.5482
    @saiphaneeshk.h.5482 29 дней назад +1

    Watching Flutter Ad in between flutter tutorial, 👏 👏 👏
    Edit: 12min Ad, damn

  • @infotration2225
    @infotration2225 Месяц назад

    Last month i was searching for video for postgrasql and flutter now your video appear. It's like reading my mind and creating video for me.
    Thank you 😂❤ sir

    • @RivaanRanawat
      @RivaanRanawat  Месяц назад

      Hahaha, happy to see you're trying out new things!

  • @savitrik3596
    @savitrik3596 Месяц назад

    Thank you for these insightful vids . Very helpful. So much to learn from u.

  • @gamershubhya9769
    @gamershubhya9769 Месяц назад

    Your video will make my resume Stronger 💪🏻

  • @balogunmurtadho6157
    @balogunmurtadho6157 Месяц назад

    Rivann tutorial >>>>>>>>😍😍😍

  • @Ash-2906
    @Ash-2906 20 дней назад

    Great content Rivaan. I'd appreciate it if you could make a tutorial on background syncing using workmanager pluggin.

  • @SsSs-gb9kj
    @SsSs-gb9kj Месяц назад

    Today is my interview. Lord Rivaan ranawat thunai( means Lord Rivaan Ranawat will help me to pass the interview😂 ). Thanks a lot bro.

  • @landrynignan4426
    @landrynignan4426 Месяц назад

    Goood job, I hope to see work manager tuto👍

  • @Eunsmoqj
    @Eunsmoqj Месяц назад

    thanks for doing this!

  • @nodirectionvlogs7237
    @nodirectionvlogs7237 Месяц назад

    hey rivaan i am geting issue 1:47:4
    Pulling schema from database...
    error: password authentication failed for user "postgres" how can i fix?

    • @chuncheongliu8550
      @chuncheongliu8550 14 дней назад +1

      I fixed by delete "local" PostgreSQL, cause it is rather running in local than in the container.

    • @nodirectionvlogs7237
      @nodirectionvlogs7237 14 дней назад

      @ oh thnks i will try this

  • @avparadox
    @avparadox Месяц назад

    Thanks for making videos❤

  • @randomcsguy2065
    @randomcsguy2065 Месяц назад

    GUESS WHO IS BACKKKK

  • @dreamlightcitymd940
    @dreamlightcitymd940 Месяц назад +1

    You can use Vania dart framework for rest api server, you can also deploy to render as docker cont

  • @satyamjha43
    @satyamjha43 Месяц назад

    Rivaan is heree🎉🎉🎉

  • @Ash-2906
    @Ash-2906 20 дней назад

    Hey RIVAAN, could you make a tutorial on production level application which can be put on resume? I mean this tutorial is very helpful from learning perspective and clears lots of concepts and thank you for that. but I was hoping for an app which can be used in real-world.

  • @AMANKUMAR-km5ck
    @AMANKUMAR-km5ck 24 дня назад

    Brother, i have an issue.
    When i am adding color picker, then for the first time when i am going in the add task screen, then check icon is not showing on the selectedColor.
    Also, when i am clicking on textfield, then for the first time, keyboard automatically disappears.
    After that, check icon is showing on the selectedColor and keyboard is not disappearing.
    How to fix it? Plz help.
    Code:
    Widget build(BuildContext context) {
    return GestureDetector(
    onTap: () => FocusScope.of(context).unfocus(),
    child: Scaffold(
    appBar: AppBar(
    leading: IconButton(
    onPressed: () => Navigator.of(context).pop(),
    tooltip: 'Back',
    icon: const Icon(CupertinoIcons.chevron_back),
    ),
    title: const AppName(),
    ),
    bottomNavigationBar: isBannerLoaded
    ? SizedBox(height: 50, child: AdWidget(ad: bannerAd))
    : const SizedBox(),
    body: Padding(
    padding: const EdgeInsets.symmetric(horizontal: 20),
    child: ListView(
    children: [
    const Text(
    'What\'s your plan?',
    style: TextStyle(fontSize: 15, color: Colors.grey),
    ),
    const SizedBox(height: 10),
    CustomTextFormField(
    controller: _titleController,
    hintText: 'Plan',
    onFieldSubmitted: (value) {
    _titleController.text = value;
    },
    ),
    const SizedBox(height: 20),
    const Text(
    'Provide a brief description',
    style: TextStyle(fontSize: 15, color: Colors.grey),
    ),
    const SizedBox(height: 10),
    CustomTextFormField(
    controller: _descriptionController,
    hintText: 'Add note',
    isForDescription: true,
    onFieldSubmitted: (value) {
    _descriptionController.text = value;
    },
    ),
    const SizedBox(height: 20),
    const Text(
    'Set target for each day',
    style: TextStyle(fontSize: 15, color: Colors.grey),
    ),
    const SizedBox(height: 10),
    customTargetContainer(),
    const SizedBox(height: 20),
    const Text(
    'Select color',
    style: TextStyle(fontSize: 15, color: Colors.grey),
    ),
    const SizedBox(height: 10),
    Container(
    decoration: BoxDecoration(
    color: Theme.of(context).scaffoldBackgroundColor,
    border: Border.all(
    color: Theme.of(context)
    .colorScheme
    .secondary
    .withOpacity(.4)),
    borderRadius: BorderRadius.circular(10),
    ),
    child: ColorPicker(
    onColorChanged: (Color color) =>
    setState(() => _selectedColor = color),
    width: 30,
    height: 30,
    color: _selectedColor,
    padding: const EdgeInsets.all(0),
    enableShadesSelection: false,
    pickersEnabled: const {ColorPickerType.wheel: true},
    ),
    ),
    const SizedBox(height: 20),
    const Text(
    'Select icon',
    style: TextStyle(fontSize: 15, color: Colors.grey),
    ),
    const SizedBox(height: 10),
    Container(
    height: 120,
    padding: const EdgeInsets.all(5),
    decoration: BoxDecoration(
    color: Theme.of(context).scaffoldBackgroundColor,
    border: Border.all(
    color: Theme.of(context)
    .colorScheme
    .secondary
    .withOpacity(.4)),
    borderRadius: BorderRadius.circular(10),
    ),
    child: GridView.builder(
    scrollDirection: Axis.horizontal,
    gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
    crossAxisCount: 3, // 3 rows
    mainAxisSpacing: 10,
    crossAxisSpacing: 10,
    ),
    itemCount: _icons.length,
    itemBuilder: (context, index) {
    final icon = _icons[index];
    final bool isSelected = _selectedIcon == icon;
    return GestureDetector(
    onTap: () {
    setState(() {
    _selectedIcon = icon;
    });
    },
    child: Icon(
    icon,
    size: isSelected ? 25 : 20, // Increase size if selected
    color: isSelected ? _selectedColor : Colors.black87,
    ),
    );
    },
    ),
    ),
    const SizedBox(height: 10),
    Row(
    mainAxisAlignment: MainAxisAlignment.spaceAround,
    children: [
    ElevatedButton.icon(
    onPressed: () {
    _titleController.clear();
    _descriptionController.clear();
    Navigator.of(context).pop();
    },
    style: const ButtonStyle(
    backgroundColor: MaterialStatePropertyAll(Colors.red),
    foregroundColor:
    MaterialStatePropertyAll(Colors.white)),
    icon: const Icon(Icons.close_rounded),
    label: const Text('Cancel')),
    ElevatedButton.icon(
    onPressed: () => _createOrUpdateHabit(),
    style: ElevatedButton.styleFrom(
    foregroundColor: Colors.white,
    backgroundColor: Colors.blue),
    icon: Icon(isHabitAlreadyExist()
    ? CupertinoIcons.refresh_thick
    : CupertinoIcons.list_bullet_indent),
    label: Text(isHabitAlreadyExist() ? 'Update' : 'Add')),
    ],
    )
    ],
    ),
    ),
    ),
    );
    }

  • @Shreyans-vc7eh
    @Shreyans-vc7eh Месяц назад +2

    Why bloc and not riverpod?

    • @RivaanRanawat
      @RivaanRanawat  Месяц назад +4

      Last project video was riverpod (Spotify clone), let's try out new things!

  • @chuncheongliu8550
    @chuncheongliu8550 День назад

    It is a little confused between Bloc and cubit, since I just learning Bloc, not familiar with Cubit. It seems like cubit's state is mixed Bloc's state&event, but the same features. Could Cubit totally replace Bloc? Thx for your tutorial.

  • @himanshukandwal3203
    @himanshukandwal3203 Месяц назад

    if multiple devices add tasks locally, how will we sync all of them?

  • @asuquoeyah1463
    @asuquoeyah1463 Месяц назад

    How is Rivaan able to know all this. I love to follow his learning path 🙏

  • @RashidKhan-kd9xl
    @RashidKhan-kd9xl Месяц назад

    Finally ❤❤

  • @SpeedCodes-oc7ed
    @SpeedCodes-oc7ed Месяц назад

    awesome!

  • @nikhilmeghani9667
    @nikhilmeghani9667 Месяц назад

    Please give the link of GetX state management video ?

  • @muhammadrahman3984
    @muhammadrahman3984 Месяц назад

    Rivaan cloud you please make a tutorial about ads how to integrate where what ads is integrated and their police also discuss

  • @sujan2820
    @sujan2820 Месяц назад

    Thank you so much

  • @MahaLakshmi-bi8vv
    @MahaLakshmi-bi8vv Месяц назад

    How do create Mobile model in vscode like this pls tell me sir

  • @SajithS-xb6hd
    @SajithS-xb6hd Месяц назад

    What is the vs code theme you are using ?

  • @AS-pt1mf
    @AS-pt1mf Месяц назад

    What is architecture name do you use 😅?

  • @SagarShende-l7i
    @SagarShende-l7i Месяц назад

    Rivaan what is your thought on the nylo framework

    • @RivaanRanawat
      @RivaanRanawat  23 дня назад

      I find it quite similar to GetX - Yes, it is a micro-framework not a package but it seems to do what GetX does. And I'm not a big fan of GetX for the reasons mentioned in this video - ruclips.net/video/zlIgy4es5Ts/видео.html
      Please note that I've not looked at the source code of Nylo yet so take my comment on this with a grain of salt.
      Many things mentioned in the video are applicable for Nylo as well. I do like the consistency with which Anthony is working on it and maybe my thoughts change later on but as of now, I wouldn't use it.

    • @SagarShende-l7i
      @SagarShende-l7i 17 дней назад

      @@RivaanRanawat yeah correct, I watched that video on Getx that's why I may be using Bloc or Riverpod for State management... want to use own customization coding style

  • @jeromesimms
    @jeromesimms Месяц назад

    Lets gooo!

  • @FatimaHasan-l9k
    @FatimaHasan-l9k 25 дней назад

    can you please also make a full deep video on getx including all three ( route managment, state management, dependency injection). It would be very helpful for the people who are using getx . Pleaseee do ittt

    • @RivaanRanawat
      @RivaanRanawat  25 дней назад

      ruclips.net/video/zlIgy4es5Ts/видео.html

  • @Decem02
    @Decem02 Месяц назад

    I was so missed you 😢😢😢

  • @thebeymaxgaming2.o991
    @thebeymaxgaming2.o991 23 дня назад

    6:00:06
    Day 4 (Completed!!!)

  • @granxavi
    @granxavi Месяц назад +1

    Thanks bro! Iam watching The Ultimate Dart & Flutter Course 2024 in Udemy, and I wonder why did you took it down?, I bought it before you take it out, but I wonder why? It looks fine.

  • @satdevlpr
    @satdevlpr Месяц назад

    Thanks and as always great video.. humble request.. can you make a e-commerce Flutter app using Appwrite as backend with User and Admin Panel app ?

  • @isaacakindipe
    @isaacakindipe Месяц назад +1

    Thank you, Rivaan! Pls, build an AI app with Llama 3.1/3.2 and Flutter.

    • @RivaanRanawat
      @RivaanRanawat  Месяц назад +2

      Think you'll like the next video!

    • @isaacakindipe
      @isaacakindipe Месяц назад

      @@RivaanRanawat I am highly expectant of your next video. Thank you so much.

  • @BurnzGtaV
    @BurnzGtaV 16 дней назад

    is this course beginner friendly

  • @todaytech7011
    @todaytech7011 Месяц назад

    love the video title i look for video where i can learn docker with postgress sql and i find it .

  • @Stefano.grosso
    @Stefano.grosso Месяц назад

    Again, great Tutorial! Could you maybe include Go_Router in One of your future projects? Would be nice to have a more hands-on and project based usage of it, beside the plain tutorial you offer on your channel.

  • @hashankannangara8723
    @hashankannangara8723 Месяц назад

    Great🎉

  • @BukkyOdunsi
    @BukkyOdunsi Месяц назад

    Rivaan!!!!!

    • @RivaanRanawat
      @RivaanRanawat  Месяц назад +1

      How's it going Bukky?

    • @vloggeranki
      @vloggeranki Месяц назад +1

      ​@@RivaanRanawat It's awesome, bro! I randomly found it and started watching it continuously ❤❤❤❤❤

  • @rajkadam1199
    @rajkadam1199 Месяц назад

    Hello! I am your subscriber. I like your tutorials very much. Also I likes your each video. Could you please make a tutorial on RedBus like app.
    It will be most useful for me and also there is no any tutorial by someone on RUclips that I found to be match redbus clone

  • @freelancermunim-eq4wm
    @freelancermunim-eq4wm 14 дней назад

    Please make a complete project with flutter and django.

  • @vitami07
    @vitami07 Месяц назад +3

    Hey guys! If anyone has problem with nodemon in Windows,
    and your changes are not reflected to Docker,
    (I found it after hours of searching as I am a docker newbie..) just replace the "scripts" key in package.json files.
    from this
    "scripts": {
    "dev": "npx nodemon"
    },
    to this:
    "scripts": {
    "start": "ts-node src/index.ts",
    "dev": "nodemon -L ts-node src/index.ts"
    },

    • @AkashPatel-lo7vg
      @AkashPatel-lo7vg Месяц назад +1

      Thank you so much, @vitami07! I was facing the same issue and couldn't find a proper solution. Finally, I decided to check the comment section, and here you are, solving my problem!

    • @Ash-2906
      @Ash-2906 27 дней назад +1

      Oh Man!! Thanks a lot for letting this know. I wasted so much of time on this and finally thought to check in comments but I'd say worth checking here.

    • @asad_alpha_
      @asad_alpha_ 12 дней назад +1

      Oh thankyou so much brother

  • @salmanrafi125
    @salmanrafi125 Месяц назад

    ❤️❤️❤️

  • @thebeymaxgaming2.o991
    @thebeymaxgaming2.o991 24 дня назад

    4:08:27
    Day 3 (I skipped some days! but i'll continue from today!!)

    • @RivaanRanawat
      @RivaanRanawat  23 дня назад

      Only 2 hours left and the best part of the video imo!

  • @wittywidgets
    @wittywidgets 17 дней назад

    I want to have video on ANimation please

  • @pandapubg6426
    @pandapubg6426 Месяц назад

    Bro bro how to host backend??

  • @DilipKumar-p1e7c
    @DilipKumar-p1e7c Месяц назад

    what machine are you using ?

  • @techysparta9227
    @techysparta9227 7 дней назад

    bro please make a video on google maps

  • @sidds09
    @sidds09 Месяц назад

    pls do backend projects in python with Djnago, drf and fastapi

  • @thebeymaxgaming2.o991
    @thebeymaxgaming2.o991 Месяц назад

    22:30
    Day 1

  • @codermadushan
    @codermadushan Месяц назад

  • @adityasinghrajput7815
    @adityasinghrajput7815 Месяц назад

    Vscode theme?

  • @quizmania06
    @quizmania06 Месяц назад

    it's best to show how to debug the errors and resolve them too

  • @LEARNCOMPUTER-ie6pr
    @LEARNCOMPUTER-ie6pr Месяц назад

    Sir plz make a all video downloader

  • @thebeymaxgaming2.o991
    @thebeymaxgaming2.o991 Месяц назад

    2:08:33
    Day 2

  • @praveenatherva7667
    @praveenatherva7667 Месяц назад +1

    next video flutter with nodjs mongodb

  • @codewithroman8180
    @codewithroman8180 Месяц назад +1

    Plz flutter nodjs backend plz mongodb

  • @ivelandry2931
    @ivelandry2931 Месяц назад

    I really really need that and will be so grateful if you can fulfill my request

  • @scotts3062
    @scotts3062 Месяц назад

    Firebase storage is now paid🙂..please teach us cloudinary

    • @RivaanRanawat
      @RivaanRanawat  Месяц назад

      Covered it in Spotify Clone & Amazon Clone videos

  • @FunnyDummy-ej7xs
    @FunnyDummy-ej7xs Месяц назад

    03:07:00 😂

  • @nitinmore7686
    @nitinmore7686 Месяц назад

    4.05

  • @nitinmore7686
    @nitinmore7686 Месяц назад

    1.49

  • @nitinmore7686
    @nitinmore7686 Месяц назад

    3.00

  • @nitinmore7686
    @nitinmore7686 Месяц назад

    3.22

  • @nitinmore7686
    @nitinmore7686 Месяц назад

    3.57

  • @seemamore9884
    @seemamore9884 Месяц назад

    3.41

  • @nitinmore7686
    @nitinmore7686 Месяц назад

    2.46

  • @nitinmore7686
    @nitinmore7686 Месяц назад

    2.14

  • @codewithsadid
    @codewithsadid Месяц назад

    love you @RivaanRanawat

  • @marufhassan634
    @marufhassan634 Месяц назад

    If someone is continuously getting "Type null is not a subtype of type String." at 2:47:00
    Use this as your factory model in user_models.dart
    factory UserModel.fromMap(Map map) {
    return UserModel(
    id: map['id'] ?? '',
    email: map['email'] ?? '',
    name: map['name'] ?? '',
    token: map['token'] ?? '',
    createdAt: map['createdAt'] != null
    ? DateTime.parse(map['createdAt'])
    : DateTime.now(),
    updatedAt: map['updatedAt'] != null
    ? DateTime.parse(map['updatedAt'])
    : DateTime.now(),
    );
    }

  • @LEARNCOMPUTER-ie6pr
    @LEARNCOMPUTER-ie6pr Месяц назад

    Sir plz make a all video downloader