Code Monkey home page Code Monkey logo

firebase_test's Introduction

Firebase Test Project

This project demonstrates Firebase firestore, cloud messaging and phone authentication system. A user can enter his phone number to login. An OTP code will be sent. Enter the OTP and authenticate. User will be redirected to home page. User will see a button to go to conversations page and another button to get an instant test notification. In conversation page, user will see all his recent conversations and can continue chat by just tapping on the conversation tile or he can press "New Message" button in the bottom right area of the screen. He'll be redirected to all users list where he can select any user to create a new chat or continue old chat. In the messages page, he'll see all his messages on right side and recipient's messages on left side. A tap on message bubble will show the message sent timestamp.

Download APK

Features

  • Password less login Feature with Firebase Phone Authentication system
  • Real-time chatting
  • Background and foreground Notifications with Adaptive dialog
  • Trigger notification within app (Cloud Messaging v2 api)

Primary Packages Used

  • flutter_screenutil to implement pixel perfect ui from Figma or XD
  • google_fonts to use custom font
  • flutter_riverpod to manage state in the list of users
  • go_router

Video

Recording2024-06-24221059-ezgif-com-video-to-gif-converter

Screenshots

Screenshot-1719243637 Screenshot-1719245297 Screenshot-1719245301 Screenshot-1719245308 Screenshot-1719245315 Screenshot-1719245320 Screenshot-1719245335

Installation

  • Ensure latest Flutter SDK and Git are installed.
  • Open Terminal/Command Prompt.
  • Navigate to your desired directory.
  • Run git clone https://github.com/shamrat1/firebase_test.git to clone the repository.
  • Navigate into the cloned repository using cd.
  • Run flutter pub get to fetch dependencies.
  • In Cloud Messaging Service, get your service account json file from firebase project settings and paste it in line 16 to 30. Otherwise push notifications will not work.
  • Connect a device or start an emulator.
  • Ensure the device is recognized with flutter devices.
  • Run the project using flutter run.

firebase_test's People

Contributors

shamrat1 avatar

Watchers

 avatar

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.