가계부 웹 어플리케이션 서비스 - MoCha

🔥 프로젝트 목표

• 최소한의 절차로 누구나 손쉽게 가계부를 작성하도록 만드는 것
• 시각화된 차트로 소비 패턴에 대한 인사이트를 제공하는 것
• 반복 사용을 통해 사용자가 건전한 소비 습관을 자연스럽게 형성하도록 유도하는 것

💻 주요 시스템

로그인 / 회원가입

• 자체 회원가입 지원
• nodemailer를 이용하여 이메일 인증코드 전송, 인증번호 확인
• 이메일, 닉네임 중복검사
• 닉네임과 전화번호를 이용하여 아이디 찾기
• 이메일 인증코드 전송, 인증번호 확인 후 비밀번호 재설정
• google, kakao 소셜 로그인 지원

수입 / 지출

• 캘린더 라이브러리를 이용
• 플러스 버튼을 클릭하여, 수입 / 지출 등록 모달 오픈, 필수 값 입력 후 저장 시 DB에 데이터 저장
• 해당 날짜 클릭 시 등록된 데이터 조회, 삭제 가능
• 화면 상단에 해당 월의 수입과 지출의 합을 보여주고, 화살표 버튼으로 월 이동이 가능

차트 시각화

• 화살표 버튼으로 월 이동 가능
• 파이 차트는 선택한 월에 해당하는 카테고리별 수입과 지출 비율 조회
• 두개의 파이 차트중 왼쪽 차트는 수입 카테고리 리스트, 오른쪽 차트는 지출 카테고리 리스트
• 파이 차트 아래쪽에는 바 차트, 연 단위로 구성
• 연평균 수입과 지출 금액도 함께 제공

사용자 정보 변경

• 이메일은 변경 불가능, 전화번호와 닉네임 수정
• 비밀번호 변경 시, 기존의 비밀번호 입력 후 성공 시, 새로운 비밀번호 입력 모달 오픈
• 회원 탈퇴(데이터 삭제 X, user 테이블의 deleted_at 값 할당)

⚙️ 사용 기술 스택

프론트엔드

백엔드 및 데이터 처리

기타 도구

👥 팀원 소개

yoonstar1996

JangIkIk

imi21123