Skip to content

This is a simple spending visualisation system that enables users to see their daily spending based on the date range they selected

Notifications You must be signed in to change notification settings

Jaylin0312/spending-visualisation-system

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Aimazing Take Home Assessment

a simple personal spending visualisation system

Table of Contents
  1. About The Project
  2. Getting Started

About The Project

Product Name Screen Shot

The purpose of this system is to provide users with a dashboard to show personal spending statistics. The system will allow users to view their spending statistics in a graphical format based on the date range selected.

(back to top)

Built With

Backend:

  • Express
  • Prisma
  • PostgreSQL
  • pgAdmin
  • Docker

Frontend:

  • Vite
  • Vue3
  • TailwindCSS
  • Axios
  • Chart.js

(back to top)

Getting Started

Install Yarn, NodeJS, and Docker before installing this project.

Prerequisites

  1. yarn 1.22.19
npm install --global yarn
  1. node 16.17.0
npm install node@latest -g
  1. docker 20.10.8 https://docs.docker.com/get-docker/

Quick Set Up

  1. Clone the repo
gh repo clone Jaylin0312/Aimazing-Assessment
  1. Run the script to set up the project
./scripts/start-all.sh

Setting up the project manually

Follow these steps to install and set up this web app locally.

  1. Clone the repo
gh repo clone Jaylin0312/Aimazing-Assessment
  1. Refer to express-app/README.md to set up the express app

  2. In vue-app folder, install dependencies

yarn install
  1. Make build
yarn run build
  1. Run the app
yarn run dev

(back to top)

About

This is a simple spending visualisation system that enables users to see their daily spending based on the date range they selected

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published