Inflearn brand logo image
Inflearn brand logo image

N

Inflearn brand logo image
Programming

/

Mobile Application Development

Creating a messenger app with Flutter

Build a messenger app using Flutter's Riverpod state management and Firebase.

(5.0) 6 reviews

91 learners

  • devmoo
실습 중심
flutter
Flutter
Firebase
riverpod
dart
Android

Reviews from Early Learners

What you will learn!

  • Riverpod-based State Management

  • Firebase Auth: Phone Number Auth for Sign Up & Login

  • Image / Video File Upload Using Cloud Storage

  • Firestore Transaction / Batch

  • Chat (1:1 / Group) using Flutter and Firebase

  • Media Message Sending (Image / Video)

  • Reply Message

  • Push Notification (Chat Message Notification)

  • Language / Theme Change

  • Flutter Animation

South Korea's leading messenger app with Flutter
Create KTalk!

A messenger app made with Flutter!

We've created this course to help you learn a variety of features you can use in practice.
Learn the essential Flutter features needed to build a popular messenger app!

1. Phone number verification and membership registration/login

  • Implement sign-up and login features using phone number authentication in Firebase Authentication.

2. Light/Dark Theme

  • Implement light and dark theme functionality using Riverpod.

3. Multilingual

  • Implement multilingual features using Riverpod, flutter_localizations, and intl packages.

4. Create a chat room/send a text message

  • Create a 1:1 chat room from your friends list and implement the ability to send text messages.

5. Sending an image message

  • Implement image message sending function using firebase storage and image_picker.

6. Send a video message

  • Implement a video message sending function using firebase storage, image_picker, and flutter_file_downloader.

7. Reply

  • Implement the reply function using flutter animation.

8. Group Chat

  • Implement group chat functionality for 3 or more people.

9. Toast message notification

  • Implement a new message notification feature using fluttertoast.

10. Push Notification Message Notification

  • Implement push message notification functionality using flutter_local_notifications.

Things to note before taking the course

Practice environment

  • The lab environment requires Windows 10 and Android Studio .

  • You must have a Flutter development environment set up. (This lecture uses version 3.22.1 .)

  • Students will be provided with the final source code and practice materials (image files, etc.).

  • Basic knowledge of Flutter and state management is required, and if you have experience creating a to-do app or simple notepad using Flutter, you can easily take this course.

  • The lecture content is tailored to Android .


Learning target

  • Anyone who wants to create a messenger app

  • For those who want to take the Todo app to the next level

  • Anyone who wants to learn Riverpod state management

  • Those who want to experience various Firebase services

Player Knowledge and Precautions

  • Skills to create a simple app with Flutter

  • Basic knowledge of state management

  • Starting November 1, 2024, Firebase services will be billed on the Blaze plan, which charges based on usage. A credit card is required to use the Blaze plan. However, as long as you don't exceed the free usage allowance, you won't be charged. We believe the course content will be sufficient within the free allowance. For more information, please refer to the Firebase pricing policy.

Recommended for
these people

Who is this course right for?

  • Those who want to create a messenger app

  • Want to learn Riverpod state management

  • Anyone who wants to experience Firebase's key services

Need to know before starting?

  • Flutter skill for simple apps

  • Basic knowledge about state management

Hello
This is

196

Learners

15

Reviews

101

Answers

5.0

Rating

2

Courses

안녕하세요

한국, 일본에서 웹 개발 및 안드로이드 앱 개발자로 활동했습니다.
프로그래밍 강사로도 활동하면서 지식을 전파하여 사람을 가르친다는 일에
책임감을 갖고 학생분들이 성장하는 모습에 보람을 느끼고 있습니다.

excusme@naver.com

Curriculum

All

75 lectures ∙ (18hr 52min)

Course Materials:

Lecture resources
Published: 
Last updated: 

Reviews

All

6 reviews

5.0

6 reviews

  • junghyun21176517님의 프로필 이미지
    junghyun21176517

    Reviews 1

    ∙

    Average Rating 5.0

    5

    100% enrolled

    • kwangtaeseo9119님의 프로필 이미지
      kwangtaeseo9119

      Reviews 2

      ∙

      Average Rating 4.5

      Edited

      5

      100% enrolled

      詳しい説明で良かったです。 ですが、この講義は初級者向けではないように感じました。 大変勉強になり、大変有益でした。

      • twomonths님의 프로필 이미지
        twomonths

        Reviews 2

        ∙

        Average Rating 5.0

        5

        100% enrolled

        KakaoTalk/Instagramの両方の講義を受けました。重複する内容が多いと思っていたのですが、両方の講義でそれぞれ新しいことを学べるように細心の注意を払ってくださったようです。良い講義をありがとうございました。

        • 0114148033님의 프로필 이미지
          0114148033

          Reviews 6

          ∙

          Average Rating 5.0

          5

          100% enrolled

          初めてずっと聞いて、2回目は最初から最後までついてみました。 全体的に無駄なくすっきりしたソースなので、、 勉強するのもとても良かったし、たくさんのことができる講義でした。 ただし、一つの残念な点は Flutterの講義であるにもかかわらず、Android版しか利用できないという部分です。 この部分だけが補完されれば、チャットに関連するほとんどすべての機能を含む素晴らしいFlutter講義になると自負します。 講義の準備をして本当に苦労しました。

          • min2019112544님의 프로필 이미지
            min2019112544

            Reviews 1

            ∙

            Average Rating 5.0

            5

            100% enrolled

            従来のスキルは、フラッターで簡単なアプリだけを複数作ったのですが、そのたびに何か不足している感じでした。今回はチャットアプリの作成講義を通じて本番で利用可能なアプリの機能を実装することができてとても有益でした。 riverpodの使い方を知らずに子供を食べましたが、講義を見ながら状態管理がどのように使われるかを考えながら勉強できました。フラッター初心者で詰まった方ならぜひこの講義をオススメしたいです!!

            • devmoo
              Instructor

              ありがとうございます！

          $51.70

          devmoo's other courses

          Check out other courses by the instructor!

          FlutterでSNSアプリを作成する강의 썸네일

          FlutterでSNSアプリを作成する

          devmoo

          FlutterのProvider / StateNotifierステータス管理とFirebaseを活用してSNSアプリを作成します。

          초급

          초급

          Flutter, dart, Firebase

          FlutterでSNSアプリを作成する강의 썸네일

          FlutterでSNSアプリを作成する

          devmoo

          Similar courses

          Explore other courses in the same field!

          FlutterでSNSアプリを作成する강의 썸네일

          FlutterでSNSアプリを作成する

          devmoo

          FlutterのProvider / StateNotifierステータス管理とFirebaseを活用してSNSアプリを作成します。

          초급

          초급

          Flutter, dart, Firebase

          FlutterでSNSアプリを作成する강의 썸네일

          FlutterでSNSアプリを作成する

          devmoo

          初めてのFlutter（Flutter）基礎から実戦まで [フルスタック Part4] （簡単で堅実に段階別で多様なプロジェクトまで）강의 썸네일

          初めてのFlutter（Flutter）基礎から実戦まで [フルスタック Part4] （簡単で堅実に段階別で多様なプロジェクトまで）

          funcoding

          この講座は、Dartプログラミングの基礎からFlutterの基本および中級機能、さらにはバックエンドであるFirebaseを連携させ、実際のプロジェクトまで！Flutterを段階的に習得できる完成度の高い講座です。

          초급

          초급

          Flutter, Firebase, firestore

          初めてのFlutter（Flutter）基礎から実戦まで [フルスタック Part4] （簡単で堅実に段階別で多様なプロジェクトまで）강의 썸네일

          初めてのFlutter（Flutter）基礎から実戦まで [フルスタック Part4] （簡単で堅実に段階別で多様なプロジェクトまで）

          funcoding

          Vue.jsとUIを一度に学習/Nuxt3 + OpenWeatherMapでリアルタイム天気アプリ作成강의 썸네일

          Vue.jsとUIを一度に学習/Nuxt3 + OpenWeatherMapでリアルタイム天気アプリ作成

          gis

          Nuxt UI, Nuxt SEO, Nuxt Server Api, Pinia, PWA, Firebase, Email Login, Google Login を 簡単に学べます~~

          초급

          초급

          Vue.js, PWA, Firebase

          Vue.jsとUIを一度に学習/Nuxt3 + OpenWeatherMapでリアルタイム天気アプリ作成강의 썸네일

          Vue.jsとUIを一度に学習/Nuxt3 + OpenWeatherMapでリアルタイム天気アプリ作成

          gis

          誰よりも早く学ぶSpringboot + Flutter RestAPI掲示板作成강의 썸네일

          誰よりも早く学ぶSpringboot + Flutter RestAPI掲示板作成

          yeseong0412

          誰よりも早く学ぶSpringboot + Flutter RestAPI掲示板作り SpringbootでCRUDサーバーを開発し、Flutterで自分だけの掲示板を作ってみましょう！

          초급

          초급

          Flutter, Kotlin, Spring Boot

          誰よりも早く学ぶSpringboot + Flutter RestAPI掲示板作成강의 썸네일

          誰よりも早く学ぶSpringboot + Flutter RestAPI掲示板作成

          yeseong0412

          Flutter + FirebaseでNetflix UIクローンをコーディングする[ランダムフラッター]강의 썸네일

          Flutter + FirebaseでNetflix UIクローンをコーディングする[ランダムフラッター]

          taebbong

          このレッスンは、FlutterとFirebaseでNetflix UIをクローンコーディングするレッスンです！ 最も速くアプリ開発を学ぶためのFlutterを始めましょう:)

          초급

          초급

          Clone Coding, Flutter, Firebase

          Flutter + FirebaseでNetflix UIクローンをコーディングする[ランダムフラッター]강의 썸네일

          Flutter + FirebaseでNetflix UIクローンをコーディングする[ランダムフラッター]

          taebbong

          [2021]最近、誰が有料でWebサービスを構築するのか、Firebaseのすべて - Vue.js강의 썸네일

          [2021]最近、誰が有料でWebサービスを構築するのか、Firebaseのすべて - Vue.js

          david

          ＆quot;最近、誰が有料でWebサービスを構築していますが、Firebaseのすべてです＆quot;講義がVue.jsに新たに戻った。 1人創業を夢見る初級開発者のためのバイブルになります。

          초급

          초급

          Firebase, Vue.js, PWA

          [2021]最近、誰が有料でWebサービスを構築するのか、Firebaseのすべて - Vue.js강의 썸네일

          [2021]最近、誰が有料でWebサービスを構築するのか、Firebaseのすべて - Vue.js

          david

          350個の個人アプリを作って月給の7倍の収益を達成した方法

          programmingzombie

          350個のアプリを通じて月給の2～7倍を稼ぐに至った7年間の道のりとノウハウを全て詰め込みました。これからはあなたがその主役となる番です。

          초급

          초급

          Android, Google Ads, admob

          350個の個人アプリを作って月給の7倍の収益を達成した方法

          programmingzombie

          FlutterFlowで簡単にするノーコードアプリ開発강의 썸네일

          FlutterFlowで簡単にするノーコードアプリ開発

          ujean

          コーディングなしで自分だけのアプリを作れる！🚀 初心者でもできるノーコード入門講座！ FlutterFlowを活用した実践アプリ開発で、簡単かつスピーディーにアプリを完成させましょう。

          입문

          입문

          FlutterFlow, Firebase, No-code

          FlutterFlowで簡単にするノーコードアプリ開発강의 썸네일

          FlutterFlowで簡単にするノーコードアプリ開発

          ujean

          初心者のためのDart Practice강의 썸네일

          初心者のためのDart Practice

          ordinarydeveloper

          Flutterを開発するにはDartを知る必要があります。 Dartの必須内容だけがコックコックを拾って練習し、身につける過程です。

          입문

          입문

          dart, Flutter

          初心者のためのDart Practice강의 썸네일

          初心者のためのDart Practice

          ordinarydeveloper

          [Unity] 一緒に作っていく放置ゲーム開発강의 썸네일

          [Unity] 一緒に作っていく放置ゲーム開発

          pinousg6033

          この講義は、放置型ゲームの開発を通して、収益化を目的としたモバイルゲーム開発を行うことに重点を置いています。

          중급이상

          중급이상

          C#, Unity, Firebase

          [Unity] 一緒に作っていく放置ゲーム開発강의 썸네일

          [Unity] 一緒に作っていく放置ゲーム開発

          pinousg6033

          React + Firebase フルスタック開発 - Firebase Firestore データモデリング강의 썸네일

          React + Firebase フルスタック開発 - Firebase Firestore データモデリング

          brightcoding

          この講義を通して、FirebaseでDBの関係を実装する方法を学びます。迅速にReactフルスタック開発者になることができます。 雇用が不安定な今、この時代には新しい技術を学び、自身の価値を高める必要があります。そして何かを作り出さなければなりません。 そのサイドプロジェクトやアイデアを実装する際に、データの「関係」を実装できるようになる必要があります。この講義は、Firebaseの「Firestore」で「関係」を実装できるようにお手伝いします。

          초급

          초급

          Firebase, React, firestore

          React + Firebase フルスタック開発 - Firebase Firestore データモデリング강의 썸네일

          React + Firebase フルスタック開発 - Firebase Firestore データモデリング

          brightcoding

          ユン・ジェソンのGoogle公式言語Kotlin（コートリン）プログラミングを始める강의 썸네일

          ユン・ジェソンのGoogle公式言語Kotlin（コートリン）プログラミングを始める

          softcampus

          2024年の最新バージョンと17時間48分のランニングタイム このコース一つでkotlin完全征服することができます。

          초급

          초급

          Kotlin, Java, Android

          ユン・ジェソンのGoogle公式言語Kotlin（コートリン）プログラミングを始める강의 썸네일

          ユン・ジェソンのGoogle公式言語Kotlin（コートリン）プログラミングを始める

          softcampus

          バイブコーディングで作るゲームウェブページ강의 썸네일

          バイブコーディングで作るゲームウェブページ

          slu

          コーディングを一度もしたことがないですか？ それとも、すでに実力者ですか？ 自分で作ったゲームが、自分で作ったホームページに載っていたら、素敵だと思いませんか？ そんな方々のために、この講座を準備しました。

          입문

          입문

          Flutter, dart, netlify

          バイブコーディングで作るゲームウェブページ강의 썸네일

          バイブコーディングで作るゲームウェブページ

          slu

          非開発者が4週間で収益化サービスを作る：AIバイブコーディング ウェブ + アプリ ALL IN ONE

          dingcodingco

          コーディング知らなくてもOK！ あなたのアイデアをたった4週間で実際の収益に変えてみませんか。 AIと最新ツールを活用して、ウェブサイトとアプリを同時に作り、すぐにサービスまで連結します。

          입문

          입문

          Flutter, Next.js, cursor

          非開発者が4週間で収益化サービスを作る：AIバイブコーディング ウェブ + アプリ ALL IN ONE

          dingcodingco

          フルスタックリアクトライブコーディング - シンプルなショッピングモールを作る강의 썸네일

          フルスタックリアクトライブコーディング - シンプルなショッピングモールを作る

          jaenam

          開発から配布まで！ 一つのサービスを完成するための険しい旅をろ過なくお見せします。 初めて使ってみる技術を盛り込んで左衝ウドルウダン湯湯ながらもなんとか迷っていくことができますよ！

          초급

          초급

          React, GraphQL, Firebase

          フルスタックリアクトライブコーディング - シンプルなショッピングモールを作る강의 썸네일

          フルスタックリアクトライブコーディング - シンプルなショッピングモールを作る

          jaenam

          Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)강의 썸네일

          Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)

          gymcoding

          Vue3＆amp; Firebase(v10)を活用してコミュニティを作る講義でVue3実践活用法、Firebase基礎から実戦、最新のWeb技術活用法、知識共有者経験共有など多様な方面で開発者として一段階成長できるようにします！

          중급이상

          중급이상

          Vue.js, Firebase, Quasar

          Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)강의 썸네일

          Vue 3 & Firebase 10 コミュニティ作成フルスタック - 「活用編」 (with Pinia、Quasar、Tiptap、VueUse)

          gymcoding

          開発するチョン代理ダート基礎文法강의 썸네일

          開発するチョン代理ダート基礎文法

          devjeongdaeri

          Flutter開発で使われるDart言語を学ぶ講座です

          입문

          입문

          Flutter, dart

          開発するチョン代理ダート基礎文法강의 썸네일

          開発するチョン代理ダート基礎文法

          devjeongdaeri

          [Python初心者] Flutterで作成するChatGPT音声翻訳アプリ강의 썸네일

          [Python初心者] Flutterで作成するChatGPT音声翻訳アプリ

          huhjuang5228

          Pythonを学んでいたのですが、どのように活用するのが大変な方のための講義です。プログラム基礎知識を99.9％活用！難しいコードを最小限に抑えて、基本的なサンプルコードを持つFlutter音声翻訳アプリに挑戦してください。 chatGPTと会話し、外国人の友達との会話を翻訳し、音声で画像を描き、ファインチューニングで会話アプリをアップグレードします。

          초급

          초급

          Python, Flutter, ChatGPT

          [Python初心者] Flutterで作成するChatGPT音声翻訳アプリ강의 썸네일

          [Python初心者] Flutterで作成するChatGPT音声翻訳アプリ

          huhjuang5228

          簡単なモバイルテストの自動化を始める: Appium Studio강의 썸네일

          簡単なモバイルテストの自動化を始める: Appium Studio

          qadaddy

          AndroidとiOSデバイスでテストオートメーションの開発が気になったすべての人のための講義です。このレッスンにより、モバイルデバイスで自動化テストを実行できるようになります。

          입문

          입문

          Appium Studio, Software Test, quality assurance

          簡単なモバイルテストの自動化を始める: Appium Studio강의 썸네일

          簡単なモバイルテストの自動化を始める: Appium Studio

          qadaddy