Wooble 소셜 미디어 앱
Wooble은 Flutter와 Dart를 기반으로 구축된 다양한 기능을 갖춘 완벽한 기능의 소셜 미디어 앱입니다.
보고 싶은 내용이 마음에 들면 저장소에 별표를 표시하세요.
요구사항
- 모든 운영 체제(예: MacOS X, Linux, Windows)
- Flutter SDK가 설치된 모든 IDE(예: IntelliJ, Android Studio, VSCode 등)
- Dart와 Flutter에 대한 약간의 지식
- 생각할 두뇌 ??
특징
- 맞춤 사진 피드
- 카메라 또는 갤러리에서 사진 게시물 게시
- 사용자 검색
- 실시간 메시징 및 이미지 전송
- 게시물 삭제
- 프로필 페이지
- 프로필 사진 변경
- 사용자 이름 변경
- 사용자 팔로우/언팔로우
- 이미지 보기를 그리드 레이아웃에서 피드 레이아웃으로 변경
- 자신의 소개를 추가하세요
- 게시물에 대한 최근 좋아요/댓글 + 새 팔로워를 보여주는 알림 피드
- 알림을 삭제하려면 스와이프하세요.
- 다크 모드 지원
- 스토리/현황
- 상태를 관리하기 위해 공급자를 사용함
스크린샷


















설치
1. 플러터 설정
2. 저장소 복제
3. Firebase 앱 설정
- Firebase 인스턴스를 만들어야 합니다. https://console.firebase.google.com의 지침을 따르세요.
- Firebase 인스턴스가 생성되면 Google 인증을 활성화해야 합니다.
- 새 인스턴스를 보려면 Firebase 콘솔로 이동하세요.
- 왼쪽 메뉴에서 "인증"을 클릭하세요
- "로그인 방법" 탭을 클릭하세요
- "이메일 및 비밀번호"를 클릭하고 활성화하세요.
- Android용 Firebase 인스턴스 내에서 패키지 이름이 com.yourcompany.news인 앱을 만듭니다.
- SHA-1 키를 얻으려면 다음 명령을 실행하십시오.
keytool -exportcert -list -v
-alias androiddebugkey -keystore ~/.android/debug.keystore
- Firebase 콘솔의 Android 앱 설정에서 '지문 추가'를 클릭하여 SHA-1 키를 추가하세요.
- 안내에 따라 google-services.json을 다운로드하세요.
-
google-services.json
/android/app/
에 배치합니다.
- 앱 패키지 이름을 사용하여 iOS용 Firebase 인스턴스 내에서 앱을 만듭니다.
- 지침에 따라 GoogleService-Info.plist를 다운로드하세요.
- XCode를 열고 Runner 폴더를 마우스 오른쪽 버튼으로 클릭한 다음 "'Runner'에 파일 추가" 메뉴를 선택한 다음 GoogleService-Info.plist 파일을 선택하여 XCode의 /ios/Runner에 추가합니다.
- 텍스트 편집기에서 /ios/Runner/Info.plist를 엽니다. CFBundleURLSchemes 키를 찾으세요. 이 키 배열 값의 두 번째 항목은 Firebase 인스턴스에만 적용됩니다. GoogleService-Info.plist의 REVERSED_CLIENT_ID 값으로 바꿉니다.
두 가지 모두에 대한 설치 지침을 다시 확인하세요.
- Google 인증 플러그인
- https://pub.dartlang.org/packages/firebase_auth
- Firestore 플러그인
- https://pub.dartlang.org/packages/cloud_firestore
다음은 무엇입니까?
- [] 화상 통화
- [] 릴
- [] 동영상 전송 및 업로드(동영상 호환)
메모
- 스토리 기능이 준비되었습니다. 이 프로젝트에서는 클라우드 기능이 활성화되지 않았으므로 24시간 후에 스토리를 자동 삭제하도록 클라우드 스케줄러 기능을 작성할 수 있습니다.
? 작성자
찰리 켈렙 찰리켈렙