Giter VIP home page Giter VIP logo

jordandub1 / check-mate Goto Github PK

View Code? Open in Web Editor NEW
6.0 1.0 6.0 763 KB

A full-stack web application for personal finance utilizing node.js, express.js, mySQL, Sequelize, Chart.js, Bootstrap, and Handlebars.

Home Page: https://check-mate-finance-tool.herokuapp.com/

JavaScript 47.17% Handlebars 46.96% CSS 5.86%
nodejs expressjs mysql sequelize chartjs bootstrap handlebars heroku-deployment finance budget-manager

check-mate's Introduction

Check-Mate Financial Planner

License: MIT

Description

Check-mate is a full-stack web application for keeping track of your expenses and setting smart savings goals. The application uses node.js, express.js, mySQL, and Sequelize to keep track of users, their transactions, and their budget goals on the back end and Chart.js, Bootstrap, and Handlebars to visualize every users personal information.

Contents

Installation

The application is hosted online via heroku and doesn't require any installation to use. If you would like to download the application and run it on a local server/db, you will need the following technologies:

After you've installed both of these, open the project folder and run the following commands:

  • npm i to download all required dependencies
  • mysql -u [username, like 'root'] -p followed by your local db password to enter the mySQL shell; then run SOURCE schema.sql to create an empty database on your system.

You may also run "npm seed" to seed the database with filler information.

Next, adjust the .env variables DB_USER and DB_PASSWORD to match the username and password of your local mySQL database.

Finally, use the command 'npm start' to run the program.

Usage

Users must register to use the program by selecting 'Register Here' on the login page. After registering, users can login in a view their budget and transaction data. Budgets can be set on the left via 'Edit Budget'; income and expenses can be added similarly via 'Add Income or Expense'. Adding budgets and expenses will update the cards in the center of the application: the donut chart will reflect the amount spent in various categories, the line chart will show how much was spent each day, and the monthly expenses table will show details on that months expenses.

Details about all transactions and budget info can be seen by selecting 'Budget Page' and 'Transaction Page' on the left.

Application-Screenshot

Check-Mate

Deployed-Application

https://check-mate-finance-tool.herokuapp.com/

Credits

License

MIT

check-mate's People

Contributors

jkohrt7 avatar jordandub1 avatar jparris3213 avatar timrob584 avatar wstaylor27 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 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.