Flutter로 SNS 앱 만들기 대시보드

2. 회원가입 화면

• 스마트폰 갤러리에서 프로필 사진을 선택하고 화면에 표시합니다.
• 각 필수입력 항목에 검증 로직을 적용합니다.
• Firebase Authentication, Firestore, Cloud Storage에 데이터를 저장합니다.
• 입력한 이메일에 인증 링크가 작성된 이메일을 전송하고 메시지를 출력합니다.

3. 로그인 화면

• 각 필수 입력 항목에 검증 로직을 적용합니다.
• 이메일 인증이 완료된 사용자에 대해서만 로그인 인증 상태를 변경합니다.

4. AuthStatus 상태에 따른 화면 이동

• Firebase Authentication 인증 상태에 따라 AuthStatus 의 상태값을 변경합니다.
• AuthStatus 상태값이 미인증일 경우, 로그인 화면으로 이동합니다.

5. 메인 화면

• TabBarVIew 위젯을 사용해서 페이지 이동시, 애니메이션 효과를 적용합니다.
• BottomNavigatorBar 위젯을 사용해서 하단 버튼으로 페이지를 이동합니다.

6. 게시글 등록 화면

• 갤러리에서 여러 개의 사진을 선택하고 선택한 사진을 슬라이드로 확인 합니다.
• 게시글 내용을 입력하고 불필요한 사진은 삭제 후, 등록하면 화면 이동과 동시에 등록 완료 메시지를 출력합니다.

7. 게시글 목록 화면

• 등록한 게시글 목록을 화면에 표시합니다.
• 여러 장의 게시글 사진을 슬라이드로 확인하고 확대/축소합니다.
• 최상단에서 화면을 아래로 내려서 게시글 목록을 새로고침합니다.

8. 프로필 화면

• 현재 접속 중인 사용자 또는 프로필 사진을 터치하여 특정 사용자의 정보를 화면에 표시합니다.
• 사용자가 작성한 게시물 수, following, follower, 게시물 목록을 화면에 표시합니다.
• Folllow, Unfollow 기능을 실행합니다.

9. 게시물 화면

• 게시물에 좋아요 기능을 추가하고 좋아요 수를 표시합니다.
• 좋아요 기능에 애니메이션을 적용합니다.

10. 좋아요 목록 화면

• 접속 중인 사용자가 좋아요를 누른 게시물의 목록을 화면에 표시합니다.

11. 댓글 화면

• 게시글에 댓글을 등록하고 출력하는 화면을 작성합니다.

12. 게시글 삭제 기능

• 사용자가 작성한 게시글을 삭제합니다.
• 삭제한 게시글과 관련된 이미지 파일, 게시글 내용, 댓글 등의 데이터를 firebase 서비스에서 삭제합니다.

13. 사용자 검색 화면

• 이름으로 사용자를 검색합니다.
• 검색 결과에서 프로필 화면으로 이동하여 특정 사용자의 정보를 표시합니다.
• 사용자 검색 로직에 Debounce를 적용합니다.

14. 페이징 기능

• 게시글 목록 화면, 좋아요 목록 화면, 프로필 화면에 페이징 기능을 적용해서 지정된 수 만큼 게시글 데이터를 가져옵니다.

15. 앱 실행 아이콘 변경

• 앱 실행 아이콘과 Splash Screen을 변경합니다.