🔗 프로젝트 링크

💸financial-calendar📆

📅 개발 기간

24.08.02 ~ 24.09.03

📖 프로젝트 소개

financial-calendar는 월별로 목표 금액을 설정하고, 해당 날짜에 소비 내역을 기록하여 달별 지출을 확인할 수 있는 캘린더 기반 가계부 서비스입니다. 사용자는 목표 금액을 설정하고, 그 한도 내에서 지출을 관리하는 것을 목표로 합니다.

📝주요 기능

✅ 소셜 로그인/로그아웃 - 카카오 로그인을 활용하여 소셜 로그인/로그아웃을 할 수 있습니다.

✅ 캘린더 뷰 - 캘린더 뷰 페이지에서는 스와이프를 통해서 이전 달, 다음 달로 이동가능하며 날짜를 클릭해 날짜 선택 모달을 통해 날짜 이동이 가능합니다. 하단의 목표 지출 버튼을 통해서 목표 지출을 생성 할 수 있고 수정/삭제 할 수 있습니다.

✅ 지출 CRUD - 하단의 +버튼을 통해서 해당 날짜의 지출을 작성 할 수 있습니다. 작성 후에는 해당하는 날짜에 지출한 금액의 합이 캘린더 페이지에서 보이며 클릭시 상세 지출 페이지로 이동해서 상세 지출 내역을 확인할 수 있고 상세 지출 페이지로 들어가면 수정/삭제 할 수 있습니다.

✅ 차트 - 상단 좌측의 차트 버튼을 통해 차트 페이지로 이동할 수 있습니다. 월별/연별 지출을 카테고리 별로 확인이 가능합니다. 각 카테고리 클릭 시 하단의 클릭한 카테고리의 세부 지출 리스트를 확인 할 수 있습니다.

✅ 사이드바 - 사이드 바를 통해 카카오 로그인을 통해 얻은 카카오 프로필 이미지와, 닉네임을 확인 할 수 있고 캘린더 옵션을 통해서 공휴일, 가계부 보기 옵션을 선택 할 수 있습니다. 그리고 로그아웃 버튼을 통해서 로그아웃이 가능합니다.

✨ 기술 스택

FE

BE