doobee98 / twitter-clone-frontend Goto Github PK

auth api가 완성되었으므로

• 로그인 페이지 구현
• HomePage는 반드시 로그인 된 상태에서만, 로그인 안 된 상태라면 리다이렉트

tweetpost

• profile section
  • profile
• post section
  • text section
  • reply auth
  • tool bar
    • content tools
    • submit button

• prototype 구현
• 스타일 구현
• 기능 구현

• tweet container
• tweet side
  • side container
  • side profile
• tweet mainTop
  • item wrapper
  • isOffical icon
  • username, userid, tweetedAt font
  • more icon
• tweet mainCenter
  • container
  • content(img) container
• tweet mainBottom
  • item wrapper

• 최우선: 버튼 구현
• "더보기" 누르면 나오는 것들

• 컨벤션 (코딩스타일, commit, pr 등)
• 개발 세팅법
• README
• api 문서
• wiki에 연동

어제 (6/21)에 작성한 트윗의 시간이 이상하게 출력됩니다.

모달 컴포넌트 구현

base/Modal.tsx 컴포넌트

• 모달들의 기본이 되는 컴포넌트

modal/

- PopupModal

• 팝업 창 모양으로 생기는 모달
• 목표
• 

- DropdownModal

• 리스트 모양으로 생기는 모달
• 목표
• 

- ProfileModal

• 프로필 사진 hover시 생기는 모달
• 목표
• 

• retweet button
• reply button
• image box
• retweet, reply header

scroll 통해서 더 확인할 수 있는 component list rendering

writer(user), profile photo, user name, tweeted at
text, content?(media)
comments, retweets, likes, share link

• 백엔드를 자체적으로 구현하든, firebase로 흉내만 내든 백엔드 api가 필요함
• 기본적으로 axios를 이용한 rest api를 목표로 한다.

현재 page template의 문제점

• NavItem은 base라 보기 어려운데, NavigationSideBar가 base에 있어서 NavItem도 그 위치에 있어서 오해를 불러일으킴. nav 정도의 디렉토리로 따로 빼야 할듯
• ErrorPage와 같이 ExploreSideBar가 필요하지 않은 Page에 제대로 대응되지 않음

• tweet container
  • onclick button & routing to tweet.page
• tweet side
  • profile : hover userProfile
  • profile : onclick button & routing to user.page
• tweet main
  • onclick button & routing to tweet.page
• tweet mainTop
  • username : hover userProfile
  • username : onclick button & routing to user.page
  • more : onclick button
  • more : modal call
• tweet mainCenter
  • ?
• tweet mainBottom
  • onclick buttons
  • reply : modal call
  • retweet : API POST
  • like : API POST
  • share : modal call