README.md

SPINLOG(스핀로그)

🖥️ 프로젝트 소개

10명 중 6명은 감정소비를 후회하고, 4명 만족합니다. 기록을 통해 후회하는 감정소비를 줄이고 현명한 감정소비를 위해 제작한 서비스입니다.

• 감정발현으로 충동소비를 했을경우 소비내역과 감정일기를 적는 감정 가계부
• 음성타이핑, AI피드백으로 편리하고 똑똑하게 사용 가능
• 2024.04.06 ~ 2024.06.01(9주)간 진행

🔗 링크

• 서비스 바로가기
• 프로젝트 문서 - 노션
• 디자인 - 피그마
• Frontend repository
• Backend repository

🎤 팀원 소개

PM	Frontend	Frontend	Backend	Backend	Backend
이지혜	장세영	이호찬	정영동	한상현	황중섭

🧬 프로젝트 기술스택

프론트엔드

클라이언트 상태 관리

서버 상태 관리 +

패키지매니저

CI/CD

빌드 도구

버전 관리 및 협업

그 외 라이브러리 react-hook-form react-router-dom apexcharts react-wordcloud react-speech-kit react-helmet-async date-fns lodash

백엔드

🌟 주요 기능

0️⃣ 체험하기

• 로그인 없이도 둘러보기 페이지를 제외한 서비스 이용 가능
• 최대 소비 10개까지 작성 가능하며, 체험하기 종료 전까지 브라우저의 로컬 스토리지에 저장

1️⃣ 소셜 로그인 + 메인 페이지

• 카카오, 네이버, 구글로 간편하게 로그인 가능
• 메인 페이지에서 월별 소비, 절약 내역을 한눈에 파악

2️⃣ 환경설정

• 이번 달 예산 설정, 유저 별 정보 저장

3️⃣ 대시보드

• 한달 간의 데이터를 도넛 차트와 일별 차트로 한눈에 파악

4️⃣ 소비 기록 입력

• 브라우저의 음성인식 API를 활용하여 음성으로 간단하게 텍스트 입력

5️⃣ 소비 기록 조회

• 소비 기록 별 상세조회
  • 기록 수정, 삭제 기능
  • AI 한마디 듣기 버튼을 통해, 소비에 대한 평가 받기
• 소비 기록 내역 조회
  • 필터, 검색어를 활용하여 원하는 조건의 기록을 조회

6️⃣ 둘러보기

• 유저들의 데이터를 바탕으로 MBTI 별, 성별 별로 감정/일별/메모/만족도 값을 다양한 형태로 표현

🌙 차별점

1️⃣ 음성타이핑 : 음성으로 텍스트를 타이핑하여 편리하게 사용 가능

2️⃣ AI 피드백 : 유저의 사건과 감정을 공감해주고, 이에 맞는 개선점 추천

3️⃣ MBTI별 둘러보기 : 사용자들의 기록을 MBTI별로 감정, 금액, 사용단어, 만족도를 비교하여 확인 가능

🎥 시연 영상

팀 문화 🏠

✔️ 팀 미팅

• 수 20:30 : 준비미팅 전 내용공유 (안건, 작업물, 이슈/ 준비미팅 2명불참시 일정변경)
• 수 21:00 : 준비미팅
• 목 21:00 : 리뷰데이 후 회고시간

✔️ 팀원 간 신뢰하고 존중을 위해 다음을 지켜요 😊

• ~님 호칭으로 불러요.
• 반말은 지양해요.
• 이모지 포함하여 답장을 꼭 해요!
• 알람 켜놓도록 해요.
• 잠수는 타지 않아요.

✔️ 작업 중 참고해요

• 기한 내 미완성시 도움의 손길을 적극적으로 '도움의 손길'을 내밀어요.
  • ex) <도움의 손길> 코딩을 못하겠슴돠...
• 곤란한 일, 힘든 일은 팀장님에게 말하여 빠르게 해결해요.
• 모르는게 생기면 바로바로 말하도록 해요.
• 질문은 편히, 답변은 자세히!
• 변경사항이 생기면 바로 공유해요
• 직군 별로 코드 리뷰를 해요
  • 코드가 궁금하다면 따로 요청해주세요.

✔️ Code Review

• 직군 별로 최소 2명이 승인 후 머지해요.
• 리뷰하기 편하도록 커밋 diff가 500줄 이하가 되도록해요.
  • 만약 500줄 이상이고 꼭 필요하다면 코드리뷰 회의를 열어요.