🍰 [Main Project] 메인 프로젝트

🌊 메인 프로젝트 - 제로힙

프로젝트 소개

프로젝트 명 : 제로힙
프로젝트 배포 링크 | 프로젝트 Github
프로젝트 기간 (ver.1) : 2023. 06. ~ 2023. 07. (4주)
제로힙 화면정의서 바로가기
제로힙 기획서 바로가기
제로힙 팀원 회고 바로가기

프로젝트 개요

요즘은 SNS에서의 과시가 당연시 되는 시대입니다. 과시를 조장하는 SNS가 아닌 절약을 유도하는 SNS와, 나의 소비 내역을 기록할 수 있는 가계부를 함께 기획하였습니다. 나의 ‘절약 팁’을 유저들에게 공개하며 메인에 노출시킬 수 있으며, 유저들은 해당 게시물에 투표 기능을 이용하여 훌륭한 팁을 명예의 전당에 노출시켜 절약을 유도하며, ‘제로빌리티’도 ‘힙’하다는 것을 알리고자 합니다.

1. 기록해요, 가계부

제로힙에서는 웹, 모바일로 언제 어디서든 필요할 때마다 바로바로 소비에 대한 기록을 할 수 있습니다.
- 주제에 따라 가계부를 만들 수 있고, 매일 기록을 할 수 있게 간편한 기록 서비스를 제공합니다.

2. 간직해요, 추억

제로힙에서는 소비의 가치를 알기에, 소중한 소비와 함께 한 추억을 타임라인에 차곡 차곡 저장해줍니다.
- 친구와, 가족과 그리고 나 자신에게 선물한 소비의 가치들을 일기장을 쓰듯이 기록할 수 있어요.
- 곧 나올 v2에서는 멤버 추가와 댓글, 좋아요 기능이 추가됩니다.
  - 서비스를 이용하는 사람들끼리 가계부를 함께 만들고 추억을 공유할 수도 있어요.

3. 공유해요, 소비의 가치

제로힙에서는 과시를 조장하는 SNS가 아닌 절약을 전시하는 SNS를 제공합니다.
- 과시를 전시하는 게시물에는 'flex' 버튼을 누를 수 있으며 flex 지수가 많을 수록 게시물의 노출은 줄어듭니다.
- 반대로 '절약' 지수가 많은 게시글은 매달 명예의 전당에 올라가요.
- 다시 말해 절약은 곧 힙이다! 제로웨이스트를 지향하며 그것에 가치를 두는 사람들이 모여, 소통이 가능한 곳입니다.
- 적은 돈으로도 소중한 사람들과 가치있는 시간을 보낼 수 있다는 것을 서로에게 증명하며 SNS의 순기능을 만들어봐요. 🌳

4. 나눠요, 우리들의 고민

제로힙에서는 나에게 필요하지 않은 소비를 말려줄 유저들이 모인 곳이기도 한답니다.
- 살까? 말까? 고민할 때는 사야 한다? 아니오!
- 사지 말고 제로힙으로 오세요. 제로힙퍼들이 냉철한 시각으로 여러 분의 소중한 지갑을 지켜줄 것이에요. 🧚🏻‍♀️

기술 스택

역할 및 기능 구현

역할

프론트엔드 팀원
팀 내 서기

기능 구현

이미지
- 이미지 크롭 기능을 만들어 유저가 이미지를 직접 수정할 수 있게 구현
- 이미지 캐러샐 내에서 이미지 클릭시 줌인, 줌 아웃 기능 구현
가계부
- 가계부 생성, 수정 기능 구현
- 유저가 생성한 가계부를 정렬하고, 검색 기능을 이용하여 원하는 가계부를 필터링 가능하게 구현
- 가계부 내 아코디언과 무한 스크롤, 페이지네이션 기능 구현
디자인 시스템 체계적으로 정비
- 공통 디자인 컴포넌트 생성
팀원 소개 페이지

개발 내용

작성 중~

기능별 구현 결과

공통 디자인 컴포넌트

팀원 소개

반응형

페이지네이션&무한스크롤

유저 기본 이미지 추가

이미지 크롭

향후 보완점 및 업데이트 계획