📎 최종 배포 URL : https://connect-2224a.web.app/

📎 깃허브 링크 : https://github.com/Hansebin/connect-project

📷 스크린샷

• 로그인 페이지

• 메인 페이지

• 포스트 작성

• 회원 페이지

• 회원 페이지 - 닉네임 변경

📌 설명

챌린지 기간동안 반응형까지 구현하는 게 목표였는데, 마무리하지 못해서 살짝 아쉽네요 🥹

그래도 기본적인 기능은 시간내에 구현할 수 있어서 다행입니다 :)

[ 구현 기능 간단 설명 ]

1. 로그인 기능 : 이메일과 비밀번호로 계정 생성이 가능하며, 구글과 깃허브 소셜 로그인으로도 서비스 이용할 수 있게 구현했습니다.

2. 포스트 조회 및 작성 : 메인 페이지에서 회원들이 작성한 포스트 볼 수 있도록 포스트 조회 기능 구현했으며, 텍스트와 이미지 첨부해서 포스트 작성할 수 있도록 구현했습니다.

3. 포스트 삭제 및 수정 : 본인이 작성한 포스트의 경우 삭제가 가능하고 텍스트 수정 가능합니다.

4. 회원 페이지 : 프로필 사진 업로드가 가능하고 닉네임 수정도 가능합니다. 더불어, 자신이 작성한 포스트 조회 가능하도록 했습니다.

[ 구현 예정 기능 ]

남은 4월 동안 아래의 순위대로 남은 기능 구현하고 싶습니다 :)

1순위 : 반응형 작업

2순위 : 포스트 조회 횟수 제한 - 무한 스크롤 구현

3순위 : 포스트 프로필 통해서 다른 회원 페이지로 이동

4순위 : 좋아요와 댓글

🛠️ 사용 기술

• Vite, React, TypeScript, Javascript

• Firebase, React-Router-Dom

• styled-components, tailwindCSS

🧐 이번 컨테스트를 진행하며 느낀 점 & 다른 트위터 클론코딩 하시는 분들을 위한 TIP

깔끔하게 코드를 작성하는 게 더 어려운 일이라는 걸 다시 느꼈습니다.

코드를 정리하고 또 정리해도 반복되는 코드가 많았고 어떻게 재사용하면 좋을지 고민할 수 있는 시간을 가질 수 있어서 좋았습니다. (물론... 생각만 하고 아직 리팩토링을 하지는 못했습니다 ㅠㅠ)

팁이라고 할 건 별로 없을 것 같고... 챌린지 하기 전에 꼭 한 번 강의 듣고 직접 만들어보는 걸 추천합니다! 생각보다 시간이 촉박하더라고요 🥹