트위터를 클론코딩한 프로젝트입니다. Nwitter 👈 클릭시 해당 프로젝트 를 보실 수 있어요!
사이트 플로우 : 로그인 -> 포스팅된 내역 및 포스팅 쓰기 <-> 프로필
로그인
- 소셜 회원가입 & 로그인(구글, 페이스북)
- 이메일 회원가입 & 로그인
- 첫 가입시 기본 닉네임 Anonymous, 프로필 Anonymous 사진 설정
메인화면*
-
firebase 실시간 데이터 베이스로 새로고침 없이 등록되는 게시글 쓰기와 읽기
-
본인이 등록한 게시글 수정, 삭제
-
이미지 업로드 & 미리보기
-
[update] 글작성폼에 GIPHY api로 웹 gif 파일 검색 및 첨부 기능 추가
프로필
- 닉네임, 프로필 사진 변경
- 닉네임 변경시 사이트 상단 header의 닉네임 text 새로고침 없이 변경
- 닉네임 빈값인 상태로 저장 시 경고창 알림
- 로그아웃
serverless인 firebase를 이용하여 빠르게 프로젝트를 구축하며, 실시간데이터 베이스나,
이미지 업로드 기능과 같은 front단에서의 처리를 배울 수 있었어요!
또한 실제 트위터에서 사용하는 몇 가지 기능과 라이브러리를 추가하고 지속적으로 수정하고 있습니다✨