In The Zoo

🎇 concept

동물 자랑 사이트입니다. 자신이 키우는 동물 또는 지인의 동물을 자랑하고 아끼는 모습을 보여주며 서로 힐링하는 사이트 입니다. 동물 관련이면 모두 좋습니다.ㅎㅎ

✅ 최종 배포 URL : https://inthezoo-f1fc8.web.app

✅ Github URL : https://github.com/namoong0917/inthezoo

📷 스크린샷

1. 로그인 화면

   

2. Home 화면, 업로드

   

   textarea 박스를 클릭하면 작성하기 편하도록 :focus를 활용해 height 값을 20vh 정도 주었습니다.
   

   그러나 포커스가 활성화 되어있는 상태에서 이미지 로고나 포스팅 버튼을 누르면 포커스를 잃기 때문에 박스가 다시 올라 간다는 점이 있는데.. 이 부분은 고민 중입니다.
   

3. 게시물 삭제

   

   더보기 아이콘 : 에 토글 버튼을 추가하여 편집(추가예정), 삭제 버튼은 토글 ui에 넣었습니다.

추가할 부분

• 업로드 날짜 시간 설정 OR 현재 시작을 통해 몇분 전 몇시간 전으로 수정하기

• 프로필에서 프로필 사진 호버시 편집할수있다는걸 알려주는 svg 넣기

• search bar + 기능구현

• 좋아요 하트

• 프로필에 좋아요 한 목록 보기

• 구글, 카카오 로그인

• 유저 고유아이디 표시 추가

수정할 부분

• 프로필에서 게시글 삭제시 새로고침을 해야 사라지는 것 수정 필요

• textarea 박스 포커스 수정 필요

처음이라 그런지 생각보다 오래 걸리네요.. 필수 기능은 해 놨는데..
나머지 기능들은 따로 추가 해야겠습니다.

추가 해 놓으면 이 글도 다시 수정하겠습니다.

의문 / 오류

1. https://inthezoo-f1fc8.web.app
   url 주소에 -f1fc8 이라는 글자는 왜 붙은 건지 모르겠습니다.