Code Monkey home page Code Monkey logo

flutterchatapptutorial's Introduction

how to make a chat app with flutter by theindianappguy

Installation

flutter pub get

Usage

flutter run

Learn

About Course : We will build Fully Functioning Chat App with Flutter & Firebase in 5 hours the course is divided into 4 Parts, Everything is explained with single prerequisite of having flutter installed and run at least the sample app that's all

Full PlayList : https://www.youtube.com/playlist?list=PLBxWkM8PLHcr2vkdY2n9rIcxjZ9Th3Us7

๐Ÿ“• Things covered in this Series:

  • Firebase Auth : Sign in, Sign up and Sign out
  • Firebase Firestore : Upload & Retrieve data stored in Cloud Firestore
  • Perform simple and compound queries in Cloud Firestore
  • Building Complexe UI
  • Shared Preference to keep user logged in, Create chat room ( with username) & Send message ( by username)
  • Using Stream & Stream builder

Live at flutterdevconnect.web.app

Created & Maintained By

Sanskar Tiwari (@theindianappguy) (YouTube)

If you found this project helpful or you learned something from the source code and want to thank me, consider buying me a cup of โ˜•

You can also nominate me for Github Star developer program https://stars.github.com/nominate

License

Copyright 2020 Sanskar Tiwari

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

   http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Getting Started

This project is a starting point for a Flutter application.

A few resources to get you started if this is your first Flutter project:

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

flutterchatapptutorial's People

Contributors

theindianappguy avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

flutterchatapptutorial's Issues

I just finished the first video and I get an error relating to firebase

@theindianappguy Launching lib\main.dart on sdk gphone x86 arm in debug mode...
Running Gradle task 'assembleDebug'...
โœ“ Built build\app\outputs\flutter-apk\app-debug.apk.
Installing build\app\outputs\flutter-apk\app.apk...
Waiting for sdk gphone x86 arm to report its views...
Debug service listening on ws://127.0.0.1:65280/yj6K69WaXFE=/ws
Syncing files to device sdk gphone x86 arm...

โ•โ•โ•โ•โ•โ•โ•โ• Exception caught by widgets library
โ•โ•โ•ก EXCEPTION CAUGHT BY WIDGETS LIBRARY โ•žโ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•
The following FirebaseException was thrown building Builder:
[core/no-app] No Firebase App '[DEFAULT]' has been created - call Firebase.initializeApp()

The relevant error-causing widget was:
MaterialApp file:///C:/Users/aksha/Downloads/chatapp/chat_app_tutorial/lib/main.dart:13:12

When the exception was thrown, this was the stack:
#0 MethodChannelFirebase.app (package:firebase_core_platform_interface/src/method_channel/method_channel_firebase.dart:118:5)
#1 Firebase.app (package:firebase_core/src/firebase.dart:52:41)
#2 FirebaseAuth.instance (package:firebase_auth/src/firebase_auth.dart:37:47)
#3 new AuthMethods (package:chat_app_tutorial/services/auth.dart:6:42)
#4 new _SignupState (package:chat_app_tutorial/views/signup.dart:14:33)
#5 Signup.createState (package:chat_app_tutorial/views/signup.dart:7:33)
#6 new StatefulElement (package:flutter/src/widgets/framework.dart:4635:25)
#7 StatefulWidget.createElement (package:flutter/src/widgets/framework.dart:900:38)
... Normal element mounting (132 frames)
#139 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3490:14)
#140 MultiChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5991:32)
... Normal element mounting (258 frames)
#398 Element.inflateWidget (package:flutter/src/widgets/framework.dart:3490:14)
#399 Element.updateChild (package:flutter/src/widgets/framework.dart:3258:18)
#400 RenderObjectToWidgetElement._rebuild (package:flutter/src/widgets/binding.dart:1174:16)
#401 RenderObjectToWidgetElement.mount (package:flutter/src/widgets/binding.dart:1145:5)
#402 RenderObjectToWidgetAdapter.attachToRenderTree. (package:flutter/src/widgets/binding.dart:1087:17)
#403 BuildOwner.buildScope (package:flutter/src/widgets/framework.dart:2620:19)
#404 RenderObjectToWidgetAdapter.attachToRenderTree (package:flutter/src/widgets/binding.dart:1086:13)
#405 WidgetsBinding.attachRootWidget (package:flutter/src/widgets/binding.dart:927:7)
#406 WidgetsBinding.scheduleAttachRootWidget. (package:flutter/src/widgets/binding.dart:908:7)
(elided 11 frames from class _RawReceivePortImpl, class _Timer, dart:async, and dart:async-patch)

โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•
โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•
The following FirebaseException was thrown building Builder:
[core/no-app] No Firebase App '[DEFAULT]' has been created - call Firebase.initializeApp()

The relevant error-causing widget was:
MaterialApp file:///C:/Users/aksha/Downloads/chatapp/chat_app_tutorial/lib/main.dart:13:12
When the exception was thrown, this was the stack:
#0 MethodChannelFirebase.app (package:firebase_core_platform_interface/src/method_channel/method_channel_firebase.dart:118:5)
#1 Firebase.app (package:firebase_core/src/firebase.dart:52:41)
#2 FirebaseAuth.instance (package:firebase_auth/src/firebase_auth.dart:37:47)
#3 new AuthMethods (package:chat_app_tutorial/services/auth.dart:6:42)
#4 new _SignupState (package:chat_app_tutorial/views/signup.dart:14:33)
...

How do I fix this. It says that the error causing wdget was the MaterialApp(
) on the main.dart how do solve this? could I get help asap

'dart:ui/text.dart': Failed assertion: line 1372: '<optimized out>': is not true

The following error shows while running the project with all the required dependencies. Error is present in the TextField() widget of the 'search.dart' file of this project.

โ•โ•โ•โ•โ•โ•โ•โ• Exception caught by rendering library โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•
The following assertion was thrown during paint():
'dart:ui/text.dart': Failed assertion: line 1372: '': is not true.

Either the assertion indicates an error in the framework itself, or we should provide substantially more information in this error message to help you determine and fix the underlying cause.
In either case, please report this assertion by filing a bug on GitHub:
https://github.com/flutter/flutter/issues/new?template=BUG.md

Having error in Firebase

  • Where:
    [ ] Script 'C:\src\flutter\flutter\packages\flutter_tools\gradle\flutter.gradle' line: 362
    [ ] * What went wrong:
    [ ] A problem occurred configuring project ':cloud_firestore_web'.
    [ ] > Could not find method implementation() for arguments [project ':firebase_core'] on object of type org.gradle.api.internal.artifacts.dsl.dependencies.DefaultDependencyHandler.
    [ ] * Try:
    [ ] Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.
    [ +8 ms] * Get more help at https://help.gradle.org
    [ ] BUILD FAILED in 3s
    [{"event":"app.progress","params":{"appId":"4f11d017-a0f2-4474-8eb9-8ef9f367615d","id":"0","progressId":null,"finished":true}}]
    Finished with error: Gradle task assembleDebug failed with exit code 1

Sign In Auth Unable to get user from Firebase Auth

PlatformException(error, Given String is empty or null, null)

The code is exactly the same as the auth.dart file for sign in authenticator and the email and password are entered
Thanks in advance :)

Facing issue when using firebase

The 4th step not completed while I am adding firebase to my android app.

App successfully opened.

But I have seen error on console as below

getgoogleapimethod()
API key not valid please pass a valid API key.

The signin button not navigate to chatroom.

Same time Signup button navigating to chatroom.

IMG_20200718_212611.jpg

IMG_20200718_212702.jpg
Please help me on this. How to fix the issue.

ChatRoom streamBuilder

Hello!
Your chatRoom is built on StreamBuilder.

  1. I wanted to know what would happen if there were a million of these rooms ?
  2. Can I replace or supplement it so that there is a page-by-page download ?
    Thanks

Firebase V9

this app is not updated with the latest version of firebase so, please update it!

Message writing area overlapping chats

The message area where the messages are typed is overlapping the chats making the chats not visible and not readable . Also the Conversation screen should automatically go down to the latest message. Kindly help with them. I also want to add Time stamps in chats .
IMG_20210204_084407

null safty

this project does not have null safety making it useless you should update the code to make it null safe

app bar

when i call appBar: appBarMain(context) it gives me this error

The argument type 'Widget' can't be assigned to the parameter type 'PreferredSizeWidget?'.

how do I fix this, thank you

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.