38-2nd-WeFrip-backend

• 프로젝트 모티브 사이트 -> Frip (https://www.frip.co.kr)
• WeFrip은 누구나 원하는 취미 여가 생활을 쉽고 당연하게 즐길 수 있는 환경을 만들고자 합니다.

기획의도

• WeFrip은 구매력이 높고 건강한 라이프 스타일을 추구하는 MZ세대들의 커뮤니티입니다.
• 이전 세대와는 다르게 워라밸과 건강한 여가생활에 대한 관심이 높아짐에 따라 이러한 서비스의 필요성이 대두되었습니다.
• WeFrip은 단순히 보여주는 것이 아닌 직접 찹여하고 경험하는 것입니다.

핵심 기능

• 누구나 호스트가 되어 프로그램을 진행할 수 있습니다.
• 편리하고 쉽게 상품을 등록할 수 있습니다.
• 호스트가 되어 수익을 창출할 수 있습니다.
• 나와 같은 취미를 가진 사람들과 커뮤니티를 형성할 수 있습니다.

기대 효과

• 매일 반복되는 일상에 지쳐있다. -> 새로운 일상에 기대감이 가득 차게 된다.
• 나와 같은 취미를 가진 사람들을 만날 기회가 적다. -> 나와 같은 취미를 가진 사람들과 커뮤니티를 형성할 수 있다.
• 건강한 삶과는 거리가 멀다. -> 취미활동을 통해 건강한 삶을 영위할 수 있다.

개발 기간

• 2022/10/31 ~ 2022/11/11 (2주)

참여 개발자

Front-end Developers

김온누리	이진혁	최규흠

Back-end Developers

박은송	신인혁	천송인

Project Archive

• Notion
• Trello
• ERD
• API - Products Request
• API - Users Request
• API - Wishlists Request

적용 기술

Front-End

JavaScript	React	Styled Component	esLint	Prettier

Back-End

JavaScript	Nodejs	MySql	Rest

Common

• common :
• 협업툴 :

구현 기능 (Front-end & Back-end)

	페이지 및 기능 구현	설명	담당 개발자
Login Page		- kakao 소셜 로그인 구현	FRONT-END 김온누리 BACK-END 박은송
Main Page		- react-slick을 이용한 배너캐러셀 - 카테고리에 맞는 상품 렌더링 - 북마크 클릭시 위시리스트에 상품 추가 및 삭제	FRONT-END 이진혁 BACK-END 천송인
Wishlist Page		- 위시리스트에 저장된 상품들을 렌더링	FRONT-END 최규흠 BACK-END 신인혁
Products Page		- react-slick을 이용한 상품 캐러셀 구현 - kakao map을 이용한 장소 마커 표시, 클릭시 해당 장소 정보 열람 가능	FRONT-END 이진혁 BACK-END 신인혁
Category Page & Filter		- queryString 을 활용한 필터링 기능 구현	FRONT-END 김온누리 BACK-END 천송인
Mypage		- 회원정보 수정 기능 구현 - AWS S3 활용 유저 프로필 사진 파일 DB 저장	FRONT-END 최규흠 BACK-END 박은송
Host Page		- 상품 등록을 위한 단계별 Tab bar 구현 - kakao map을 커스텀하여 키워드 검색시 해당 키워드와 관련이 있는 장소를 리스팅하고 마커로 표시	FRONT-END 김온누리 이진혁 BACK-END 박은송
List Page		- 유저가 등록한 상품들을 조회 및 삭제 기능 - 해당 상품 클릭시 상품에 대한 detail page로 이동	FRONT-END 이진혁 BACK-END 박은송