플러터

Flutter - Firebase연동 채팅 앱

김염인 2022. 3. 11. 16:14

Project_intro

파이어베이스 스토리지와 데이터베이스를 사용한 간단한 채팅 어플입니다. 주요기능은 이미지 전송, 텍스트 전송, 텍스트 전송 시간 확인, 전체 유저 확인과 대화중인 유저 확인이 가능합니다. 유저 변경으로 대화를 원하는 유저를 선택가능하여 대화기능을 설정하였습니다. 대화 도중 우측으로 스와이프를 실행하면 메시지 전송 시간을 확인 할 수 있습니다.

내부 Project UI

시연영상

Introudce Me

김영민_Kim Young Min
국민대학교 소프트웨어학부 
StudentID:20162820
Email: dudals2467@kookmin.ac.kr
Github: https://github.com/kimyoungmin101

앱 실행 환경설정 가이드

  #Android Studio install
   -https://developer.android.com/studio
#Android Studio Flutter Plugin install
#Flutter SDK install
 -https://flutter-ko.dev/docs/get-started/install/windows
#Flutter Doctor Android licenses accept
 -Flutter Sdk PATH 내 flutter_console.bat 실행
 -flutter doctor --android-licenses 입력
#AVD install
 -Pixel 2 + playStore가 존재하는 버전 선택
 -API level 29 'Q'설치 권장

Project 사용 스택

Front-end

1. Flutter2. Firebase
협업버전 관리:GitHub회의기록 및 일정공유: Notion & Workplace & Slack

내부 Project 구조

📦chat_flutter
 ┣ 📂lib
 ┃ ┣ 📂models
 ┃ ┃ ┗ 📜message.dart
 ┃ ┣ 📂view
 ┃ ┃ ┗ 📜mainView.dart
 ┃ ┣ 📂widget
 ┃ ┃ ┗ 📜all_user.dart
 ┃ ┃ ┗ 📜chat_message.dart
 ┃ ┃ ┗ 📜item_card.dart
 ┃ ┃ ┗ 📜selected_item_card.dart
 ┃ ┃ ┗ 📜selected_user.dart
 ┃ ┗ 📜main.dart
 ┃ ┗ 📜constants.dart
 
 
  •