환경 지키기 미션, 친환경 제품 구매, 비건식당 찾기, 커뮤니티 기능을 제공하는 친환경 커뮤니티 서비스입니다.
- 프론트엔드 : 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 |