mini project - Nwitter🐦

트위터를 클론코딩한 프로젝트입니다. Nwitter 👈 클릭시 해당 프로젝트 를 보실 수 있어요!

🌈 사용한 언어와 프레임워크 라이브러리

📌 주요 기능

사이트 플로우 : 로그인 -> 포스팅된 내역 및 포스팅 쓰기 <-> 프로필

로그인

• 소셜 회원가입 & 로그인(구글, 페이스북)
• 이메일 회원가입 & 로그인
• 첫 가입시 기본 닉네임 Anonymous, 프로필 Anonymous 사진 설정

메인화면*

• firebase 실시간 데이터 베이스로 새로고침 없이 등록되는 게시글 쓰기와 읽기

• 본인이 등록한 게시글 수정, 삭제

• 이미지 업로드 & 미리보기

• [update] 글작성폼에 emoji picker 추가
  

• [update] 글작성폼에 GIPHY api로 웹 gif 파일 검색 및 첨부 기능 추가

  

프로필

• 닉네임, 프로필 사진 변경
• 닉네임 변경시 사이트 상단 header의 닉네임 text 새로고침 없이 변경
• 닉네임 빈값인 상태로 저장 시 경고창 알림
• 로그아웃

👩🏻‍💻 프로젝트를 만들며...

serverless인 firebase를 이용하여 빠르게 프로젝트를 구축하며, 실시간데이터 베이스나,
이미지 업로드 기능과 같은 front단에서의 처리를 배울 수 있었어요!
또한 실제 트위터에서 사용하는 몇 가지 기능과 라이브러리를 추가하고 지속적으로 수정하고 있습니다✨