/Project16-A-Account-Book

💲 너는 돈을 써라, 나는 관리를 할테니💲

Primary LanguageTypeScript

N석봉 - 가계부 서비스

🏠 HOME PAGE

돈은 너가 쓰거라 🤑, 관리는 내가 할테니 😎

📌 가계부 서비스 소개

👩‍👩‍👧‍👦 개인 또는 공용으로 관리할 수 있는 자산관리 가계부 서비스

  • 혼자만의 가계부를 관리할 수 있습니다.
  • 친구를 초대하여 함께 가계부를 관리할 수 있습니다.

📈 지출과 수입에 대한 통계 제공

  • 그동안의 지출내역과 수입을 분석하여 입출금 현황을 파악할 수 있습니다.

✔️ 내가 보고 싶은 것들만 필터링

  • 원하는 내역만 필터링해서 볼 수 있는 기능을 제공합니다.

📆 달력을 통한 거래내역 확인

  • 달 별로 돈의 사용 내역을 확인할 수 있습니다!

📩 MMS를 입력하여 바로 거래내역에 추가

  • 문자로 온 거래내역을 치기만 하면, 바로 거래내역에 추가할 수 있습니다.

📌 기술 및 논의 정리 - WIKI

📌 주요 기능

🔗 로그인 🔗 가계부리스트 🔗 메인페이지 🔗 달력페이지
🔗 통계페이지 🔗 채팅페이지 🔗 태그페이지 🔗 알람 모달

📌서비스 흐름

⚙️ 프로젝트 구동 방법

우선 Repository clone한 후, Project16-A-Account-Book 폴더에 들어간다.

1. 몽고디비 설치 후 데이터베이스 생성 2. 백엔드

  • 백엔드 환경 변수 설정

    • be/src 폴더 바로 밑에 .env 파일 생성
    • be/src/.env-template 안에 있는 내용 작성
    • .env 예시
      • mongodb cloud의 경우 DB_PORT는 작성하지 않기
      DB_USER=[데이터베이스 유저 이름 (ex. test)]

DB_PASSWORD=[데이터베이스 password (ex. 123123)]

DB_HOST=[데이터베이스 호스트 이름 (ex. cluster0.3v1lt.mongodb.net)]

DB_DATABASE=[데이터베이스 이름 (ex. account?retryWrites=true&w=majority)]

DB_PORT=[데이터베이스 포트 (ex. 27017)]

JWT_SECRET=[JWT secret key (ex. ajsdFAG430tu04qkn) ]

GITHUB_ID=[GitHub_OAuth_Client_Id (ex. 6df23f10bc0622c89804)]

GITHUB_SECRET=[GitHub_OAuth_Client_Secret]

HOST=[서버 주소 (ex. http://localhost)]

BE_PORT=[백엔드엔드 서버 포트 (ex. 4000)]

FE_PORT=[프론트엔드 서버 포트 (ex. 3000)]

EXPIRES_IN=[JWT 토큰 만료 시간 (ex. 24h)]

  • 실행

    cd be
yarn 
yarn dev

    or

    cd be
npm install 
npm run dev

3. 프론트엔드

  • 프론트엔드 환경 변수 설정

    • fe 폴더 바로 밑에 .env.development 파일 생성
    • .env_sample에 있는 내용 작성
    • .env 예시
    REACT_APP_API_URL=[서버 주소 (ex. http://localhost)]

REACT_APP_API_PORT=[프론트엔드 서버 포트 (ex. 4000)]

  • 실행

    cd fe
yarn
yarn start

    or

    cd fe
npm install 
npm run start

📌 팀원소개

J128 윤석주 J114 양예진 J075 박상신 J081 박승환
img img img img
dbstjrwnekd yejineee pkiop rolled-potatoes