미니프로젝트02 : Pic! 다양한 이미지를 구경하고 소통해보세요!

2022. 2. 17. 21:52프로젝트

반응형


🔗 웹사이트 주소 : http://ryuryuryuryu.shop.s3-website.ap-northeast-2.amazonaws.com

 

Image Share

 

ryuryuryuryu.shop.s3-website.ap-northeast-2.amazonaws.com

1. 제작 기간 & 팀원 소개

 

🗓 2022.02.11 ~ 2022.02.17

👥 FE 팀원 유강현, 정재연
👥 BE 팀원 구민주, 김정근, 최규원


2. 사용 기술 및 서버

 

🛠 BE

  • JAVA, Spring, JWT, MySQL, CORS, EC2

 

🎨 FE

  • JavaScript, React, Axios, Firebase, S3




3. 팀 노션 페이지



🔗 https://www.notion.so/99-7-Week-06-13956b3b1dee4ef8a603dd1fd188c1d3

 

[항해99 Week 06] 7조 미니 프로젝트 | PIC!

🔔 공지 사항

www.notion.so




4. 시연 영상



🎥 https://www.youtube.com/watch?v=yoxtgmjYTA8

5. 핵심 기능

 

🔐 로그인, 회원가입

  • Spring Security, JWT 를 이용하여 로그이나 회원가입 기능을 구현하였습니다.
  • 서비스 사용성을 위해 회원가입 단계에 유저 닉네임을 추가하였습니다.
  • 이메일, ID, 닉네임은 중복 가입이 불가능합니다.

👀 이미지 조회하기

  • 미가입자, 가입자 모두 사진 조회 가능합니다.
  • 가입자는 내가 올린 이미지와 내가 좋아요 누른 이미지를 모아 볼 수 있습니다.

🔖 이미지 태그

  • 이미지는 태그로 검색할 수 있습니다.
  • 이미지 업로드 시 해쉬태그로 태그를 부여합니다. (ex. #멍멍이#귀여워#댕댕이)

💓 좋아요 기능

  • 가입자는 마음에 드는 이미지에 좋아요 버튼을 누를 수 있습니다.
  • 이미지를 마우스로 호버할 경우 좋아요 수와 좋아요 버튼이 보입니다.

🎸 기타 기능

  • 가입자는 자신의 게시글만 삭제할 수 있습니다. 본인의 게시글에만 삭제 버튼이 나타납니다.

6. 서비스기획 & 와이어프레임


7. DB 설계


8.API설계


9. 워크플로우

 

 

 

 

 

 

 

 

 

 

 

 

반응형