스플래시 화면

스플래시 화면은 앱이 시작될 때 나타나는 앱의 로고 또는 브랜딩을 특징으로하는 초기 화면으로,로드 할 때 시각적으로 매력적인 소개를 제공합니다.

로그인 화면

로그인 화면을 통해 기존 사용자가 계정에 액세스 할 수있는 반면 가입 화면을 통해 새 사용자는 세부 정보를 제공하여 계정을 만들 수 있습니다.

홈 화면

로그인하면 로그인하면 홈 화면에는 사용자가 모든 게시물 (댓글, 공유 및 저장)을 볼 수있는 스크롤 가능한 피드가 표시됩니다. 또한 사용자는 각 게시물을 열어 좋아 및 의견에 대한 자세한 정보를 볼 수 있습니다.

사용자는 아래 이미지에 표시된 게시물에 댓글을 달고 공유 할 수 있습니다.

검색 화면

검색 화면에서 사용자는 하단 Navbar의 검색 옵션으로 이동하여 응용 프로그램에서 사용 가능한 사용자 이름을 찾아 검색 할 수 있습니다.

포스트 화면을 만듭니다

사용자는 하단 탐색 표시 줄을 통해 포스트 화면에 액세스하고 모바일 갤러리에서 이미지를 추가하고 캡션을 작성한 후 컨텐츠를 게시 할 수 있습니다.

알림 화면

사용자는 하단 탐색 표시 줄을 통해 알림 화면으로 이동하여 모든 알림을보고 열 수 있습니다.

메시징 화면

사용자는 하단 탐색 표시 줄을 통해 메시징 화면으로 이동하고 사용자 목록을보고 채팅 할 사용자를 선택한 다음 해당 대화의 모든 메시지를 볼 수 있습니다.

사용자 채팅을 삭제하려면 화면 오른쪽 상단에있는 세 개의 점을 클릭하십시오. 삭제 옵션이있는 다음 팝업이 표시됩니다.

설정 화면

오른쪽 상단의 설정 아이콘을 클릭하면 다음 설정 화면이 열립니다. 사용자는 액세스 할 수 있습니다 :

• 계정 센터
• 저장된 게시물
• 계정 개인 정보
• 차단 (아직 구현되지 않음)
• 밀리그램 검증
• 로그 아웃
• 계정 옵션 삭제

1. 계정 센터
계정 센터를 클릭하면 다음 페이지가 열립니다. 여기에서 사용자는 두 가지 추가 옵션 중에서 선택할 수 있습니다.

• 개인 정보
• 암호 및 보안

개인 정보
개인 정보 옵션을 클릭 한 후 사용자는 개인 정보 화면으로 이동하여 등록하고 Milligram Connect 애플리케이션에 로그인하는 데 사용한 이메일 주소를 볼 수 있습니다.

암호 및 보안
계정 센터에서 비밀번호 및 보안 옵션을 클릭하면 사용자는 비밀번호 변경 화면으로 향합니다. 여기서 암호를 업데이트 할 수 있습니다.

아래에
왼쪽 이미지 : 개인 정보 화면
오른쪽 이미지 : 암호 및 보안 화면

2. 저장된 게시물
설정에서 저장된 게시물 옵션을 클릭하면 사용자는 저장된 게시물 화면으로 리디렉션되어 피드에서 저장 한 게시물을 볼 수 있습니다.

3. 계정 개인 정보
설정에서 계정 개인 정보 보호 옵션을 클릭하면 사용자는 두 개인 정보 설정 중에서 선택할 수 있습니다.

• public : Milligram 응용 프로그램의 모든 사용자는 프로필을 볼 수 있습니다.
• 개인 : 연결된 사람들만이 자신의 프로필을 볼 수 있습니다.

4. 밀리그램 검증
설정에서 밀리그램 확인 옵션을 클릭하면 사용자가 Milligram 확인 화면으로 리디렉션됩니다. 여기에서는 확인 이메일을 보내는 옵션이 있습니다. 이 옵션을 선택하면 확인 이메일이 등록 된 이메일 주소로 전송됩니다. 이메일에는 확인 프로세스를 완료하려면 사용자가 클릭 해야하는 URL이 포함됩니다. 성공적으로 확인되면 Milligram Verification Screen은 "이메일 ID가 확인되었습니다"라는 메시지를 표시합니다.

5. 로그 아웃
로그 아웃 옵션을 선택하면 사용자는 응용 프로그램에서 로그 아웃하고 로그인 화면으로 리디렉션됩니다.

6. 계정 삭제
계정 삭제 옵션을 선택하면 사용자는 응용 프로그램에서 계정 및 모든 관련 데이터를 영구적으로 삭제할 수 있습니다.

프로필 화면

왼쪽 상단의 사용자 프로필 로고 이미지를 클릭하면 프로필 화면이 열립니다.

편집 프로파일 화면
프로필 화면에서 프로필 편집 버튼을 클릭하면 사용자가 프로필 편집 화면으로 리디렉션됩니다. 아래 왼쪽 이미지에 표시된 화면이 표시됩니다.

share profile
사용자 이름의 오른쪽에있는 공유 아이콘을 클릭하면 사용자는 다른 플랫폼의 사용자와 프로필 URL을 공유 할 수 있습니다. 아래 오른쪽 이미지에 표시된 화면이 표시됩니다.

팔로워 및 팔로우 스크린
사용자 프로필 화면에서 사용자가 "팔로워"또는 "팔로워"텍스트를 클릭하면 각 화면이 열립니다. 여기서 사용자는 팔로우를 따르는 팔로어 목록과 팔로우하는 사용자 목록을 볼 수 있습니다.

다른 사용자의 프로필을여십시오
팔로어 또는 팔로워 목록에서 사용자를 클릭하면 해당 사용자의 프로필 화면이 열립니다. 사용자는 아래 이미지와 같이 선택한 사용자의 프로필 데이터를 볼 수 있습니다.

다운로드 및 설치

Android 버전이 출시되었습니다! 아래 링크를 클릭하여 다운로드 및 설치
밀리그램 연결

기술 스택 사용

• 원시 CLI 반응
• Firestore 및 Firebase 데이터베이스
• Firebase 이메일 인증
• 스타일링을위한 스타일링 컴포넌트