🌏 Savers - 지구를 위한 작은 실천 🍀

당신의 작은 참여가 지구를 지킵니다. 다만 어떻게 시작해야 할지 모르겠다면?

환경 지키기 미션, 친환경 제품 구매, 비건식당 찾기, 커뮤니티 기능을 제공하는 친환경 커뮤니티 서비스입니다.

💚 Savers 방문하기

🌿 서비스 아키텍처

• 프론트엔드 : Next.js, TypeScript, Tailwind CSS, React-query, Recoil
• 서버리스 DB : Supabase
• 협력툴 : Git, GitHub, Slack, Notion, Figma
• 배포 : vercel

🌿 주요 기능 소개

✨ 메인 페이지

• 환경과 관련된 인트로 영상이 재생되어 이목을 집중시키는 효과를 기대하였습니다.
• 일일미션, 인기 친환경 제품, 인기 식당, 인기 글 등 웹 서비스의 주요 기능을 한 눈에 파악할 수 있습니다.

✨ 로그인, 회원가입

• 이메일/패스워드 로그인 및 회원가입 또는 소셜 로그인이 가능합니다.

✨ 친환경 제품 구매

• 다양한 친환경 제품들을 카테고리별로 한 눈에 볼 수 있습니다.
• 인기순, 최신순, 가격 낮은 순, 가격 높은 순, 할인 순 등 다양하게 정렬하여 제품들을 확인할 수 있습니다.
• 제품별 상세 페이지에서는 좋아요, 구매 사이트 이동, 공유하기가 가능합니다.

✨ 비건 식당 찾기

• 카카오맵으로 현재 사용자의 위치 주변의 비건 식당들을 지도에서 확인할 수 있습니다.
• 식당, 베이커리, 카페 등 비건 식당들을 카테고리별로 확인할 수 있고 상세보기를 통해 해당 업체 상세 페이지로 이동할 수 있습니다.
• 해당 식당 링크를 다른 사람들에게 공유할 수 있고, 사용자가 마이 페이지 및 지도에서 좋아요 누른 식당을 따로 확인할 수 있습니다.

✨ 커뮤니티

• 카테고리별로 게시글을 조회하고, 인기 글과 전체 글을 확인할 수 있습니다.
• 게시글 작성 시 에디터 사용과 사진 업로드를 통해 다채로운 게시글 작성이 가능하고, 게시글에는 다른 사용자들이 댓글과 대댓글을 남길 수 있습니다.
• 사용자는 게시글 북마크를 할 수 있고 게시글 링크를 공유할 수 있습니다.

✨ 마이 페이지

• 일일 미션 완료 현황 캘린더와 미션을 통해 획득한 배지를 확인할 수 있고, 일일 미션 카드 뽑기를 통해 매일매일 다양한 미션을 부여받을 수 있습니다.
• ‘나의 미션’ 페이지의 ‘진행중인 미션’에서는 현재 수행 중인 일일미션 카드를, ‘완료한 미션’ 에서는 지금까지 완료한 미션들을 확인할 수 있습니다.
• 내가 쓴 글, 댓글, 북마크한 글 탭을 통해 사용자가 내 커뮤니티 활동을 확인할 수 있습니다.
• 사용자가 좋아요 한 제품과 식당을 모아볼 수 있습니다.

✨ 일일 미션 기능

• 사용자가 ‘일일미션 뽑기’를 하면 4개의 일일미션 카드가 부여됩니다.
• 친환경 제품 페이지 또는 커뮤니티 페이지에서 미션을 수행할 수 있습니다.
• 미션 수행 횟수에 따라 다른 모양의 배지를 획득할 수 있습니다.

🌿 팀원 소개

이름	역할	GitHub	블로그	이메일
이은한	리더	TerryEHLee	Tistory	terryehlee@gmail.com
이우정	부리더	Passionhruit	Tistory	korea_stan@naver.com
박지원	팀원	xoxojw	Tistory	xoxojw.dev@gmail.com
이동준	팀원	podoDJ	Notion	leedj1345@naver.com
최다연	팀원	cheddaryeon	-	cheddaryeon@gmail.com
한지희	디자이너	-	Portfolio - Google Drive	jeheem@naver.com