GithubHelp home page GithubHelp logo

expense-tracker's Introduction

Expense Tracker Project!

Login Page Register Page Index Page Edit Page Create Page

使用者透過這個記帳網站:

  • 可以註冊帳號,註冊資料包括:name, email, 密碼, 確認密碼
  • 可以透過Facebook Login 直接登入
  • 登入後可以在首頁一次瀏覽所有支出的清單
  • 可以在首頁看到所有支出清單的總金額
  • 可以新增支出,並提供金額、商家、消費類型、品項資訊
  • 可以修改一筆支出的資訊
  • 可以刪除一筆支出
  • 可以根據「類別」與「月份」來篩選支出,而總金額使會顯示符合項目的加總

提供一組帳密功測試:

Prerequisites

[~] $ cd ~/mongodb/bin/
[~/mongodb/bin] $ ./mongod --dbpath /Users/[你的使用者名稱]/mongodb-data
  • Create database named 'expense-tracker' in Robo 3T

Installation and execution

首先啟動終端機,並遵循以下指令。

//將專案複製到電腦中
$ git clone https://github.com/iamy8000/expense-tracker.git

//進入專案資料夾
$ cd expense-tracker

//安裝套件
$ npm install

//執行專案
$ npm run dev

//使用種子資料
$ npm run seed

若終端機顯示 "App is running on http://localhost:3000, mongodb connected!",便代表檔案安裝成功,即可開啟瀏覽器並進入http://localhost:3000。

expense-tracker's People

Contributors

iamy8000 avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.