Overview
Project
프로젝트 소개
가계부 웹 어플리케이션
•
달력 UI를 통한 수입/지출 체크
•
일기 쓰기기능 제공
•
그래프, 표, 엑셀 등의 다양한 인터페이스로 수입/지출 관리 보고서를 제공
기술 스택
Frontend CRA React Material Design React Query Styled Components Zustand React Hook Form Design Chart.js React Router
Backend SpringBoot Gradle SpringSecurity SpringDataJPA QueryDsl Oauth 2.0
Database MySQL Redis H2 AWS S3
Deploy AWS EC2 AWS RDS Docker
API Notion Swagger
아키텍처
ERD
프로젝트 주요 기능
1.
회원 가입 및 로그인, 비밀 번호 찾기
회원 가입: 이메일을 인증하여 회원 가입한다.
로그인: 일반 로그인과 SNS 로그인
비밀번호 찾기(초기화): 등록된 이메일과 연락처를 통해 비밀번호를 초기화할 수 있다.
2.
수입, 지출, 달력(다이어리)
수입 : 해당 날짜의 수입 사항을 적을 수 있다
지출 : 해당 날짜의 지출 사항을 적을 수 있다
달력: 해당 달의 수입/지출 기록 여부와 다이어리 등록 여부를 확인할 수 있다
다이어리: 해당 날짜로 기록해둔 수입/지출 확인 가능하며 짧게 메모할 수 있다
3.
월간 / 연간보고서
월간 보고서 : 현재 월에 해당하는 수입/지출 데이터를 카테고리 별로 분류한 차트를 볼 수 있다.
연간 보고서 : 현재 월 기준 12개월 전의 수입/지출 데이터를 매월 카테고리 별로 분류한 그래프, 표를 볼 수 있다.
4.
회원 수정, 비밀번호 변경, 회원 탈퇴
회원 수정 : 이메일을 제외한 프로필 사진 및 정보를 변경할 수 있다.
비밀번호 변경 : 현재 비밀번호와 새 비밀번호를 입력하여 변경할 수 있다.
회원 탈퇴 : 회원 탈퇴할 수 있다.
기술 특장점
다양한 분석 툴을 제공하여 본인의 소비 패턴을 파악할 수 있습니다. 일기를 통해서 그날의 소비를 기록하고 추후에 복기할 수 있도록 도와줍니다.