Product Name

KB IT's Your Life 스켈레톤 프로젝트입니다.

[전공 D반] Team 3 - Conflict

github 관리 중 충돌이 너무 많이 일어나서...ㅎㅎ

이은재	서석현	백도현 Pinia Store Transaction	서지연 Calendar AddTransaction	이예슬 Router Login & UserInfo

Execution Project

1. Install the packages

git clone https://github.com/lej8924/kb-account.git
cd kb-account
npm install

2. Execute the program

You have to run the json-server.

cd kb-account/db-server
json-server --watch MOCK_DATA.json --port 3001

And you are able to run vue.js project.

cd kb-account
npm run dev

Architecture

Components

UI Components

Screen

로그인 및 정보 수정	거래내역 및 필터링
ID : dh1010a PW : 1234로 로그인	MOCK서버에서 transaction 내역을 가져와서 원하는 내역을 보여줍니다.

거래 내역 추가 및 수정	거래내역 요약 및 분석
거래 날짜 및 내용을 추가 및 수정합니다.	Bar,Donut,달력 형태로 각각 월별 수입/지출 현황과 카테고리별 지출 현황을 볼 수 있습니다.

프로젝트 구조

.
├── db-server
│   └── MOCK_DATA.json
├── public
│   └── favicon.ico
├── src
│   ├── components
│   │   ├── BarChart.vue
│   │   ├── BoardChart.vue
│   │   ├── Navigator.vue
│   │   └── TransactionEditModal.vue
│   ├── pages
│   │   ├── AddTransaction.vue
│   │   ├── Calendar.vue
│   │   ├── FiliterBar.vue
│   │   ├── Login.vue
│   │   ├── NotFound.vue
│   │   ├── Summary.vue
│   │   ├── TransactionList.vue
│   │   ├── TransactionItem.vue
│   │   └── UserInfo.vue
│   ├── router
│   │   └── index.js
│   ├── stores
│   │   ├── auth.js
│   │   └── Transactions.js
│   ├── App.vue
│   ├── main.js
│   └── style.css
├── README.md
├── index.html
├── package-lock.json
├── package.json
└── vite.config.js