침스타그램(Chimstagram, 침착맨 + 인스타그램)
Redux, Redux middleware(Redux-thunk), Firebase를 공부하기 위해, 스트리머 '침착맨'을 좋아하는 마음을 담아 만들었습니다!
- DB에 저장된 글 정보를 각각 카드에 표시해줍니다.
- 카드를 클릭하면 상세 정보를 담은 모달창이 열립니다.
- 로그인을 하지 않으면 게시글을 작성할 수 없습니다.
- 아래 네비게이션 바에는 순서대로 홈화면으로 가는 버튼, 침착맨 유튜브와 연결된 버튼, 침착맨 트위치와 연결된 버튼, 로그인/로그아웃 버튼이 있습니다.
- 회원가입 화면입니다.
- 정보를 입력하고 가입버튼을 누르면, Firebase Authentication에 정보가 저장되며 자동으로 로그인됩니다.
- 취소 버튼을 누르면 홈화면으로 돌아갑니다.
- 로그인 화면입니다.
- 정보를 입력하고 'Log In'버튼을 누르면 홈화면으로 이동됩니다.
- 로그인된 홈 화면에는 로그인 한 사용자의 닉네임이 표시되고, 네비게이션 바의 'Log In'버튼이 'Log Out'으로 변합니다.
- 게시글 작성 화면입니다.
- 파일을 선택하면 미리보기로 이미지를 볼 수 있으며, 글을 입력하고 완료 버튼을 누르면 글이 저장됩니다.
- 게시글 모달 좌측 하단 버튼을 누르면 게시글의 수정 및 삭제가 가능합니다.
- 수정 및 삭제 버튼은 해당 게시글을 작성한 사용자에게만 나타납니다.
- 게시글 모달 내 하트 이모티콘을 누르면 게시글에 '좋아요'를 표시할 수 있습니다.
- '좋아요'를 표시한 상태에서 다시 한 번 하트 이모티콘을 누르면 '좋아요'를 취소할 수 있습니다.