Accounting Web

Backend Server - Accounting Api TypeScript

A webpage for keeping accounts.

Overview

• Language: JavaScript
• Web FrameWork: Vue3

ENV

copy .env.example and rename as .env

VUE_APP_API_BASE_URL=http://localhost:7777

Run

install dependencies

npm install

linting code

npm run lint --fix

build

npm run build

run

npm run serve

Pages

type maintain

/type

• See all types in this page.

• After clicking edit, the edit button will become save button.

• Can add new type on the bottom of the table.

consumption Record

/consumption

• See all consumptions in this page.

• After clicking edit, the edit button will become save button.

• All types are exclusively accessible through a dropdown menu for selection.

• Can add new consumption on the bottom of the table.

Monthly Report

/report

• After searching, there is a report table and pie chart displaying this month's consumptions.