Coder Social home page Coder Social logo

znaddaf / budgetbuilder Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 2.34 MB

A simple budgeting app entirely built around JavaScript, based on an exercise from a Udemy course.

Home Page: https://n0matic.github.io/BudgetBuilder/

HTML 23.78% CSS 21.96% JavaScript 54.26%
javascript ecmascript budget-app

budgetbuilder's Introduction

BudgetBuilder

A budget calculator that allows a user to keep track of sources of income versus expenses. It was created as practice for the udemy course: "The Complete Javascript Course 2020" and adapted as part of an exercise.

Main Page Screenshot

Deployment and Usage

From the appropriate folder, opening the HTML file in a broswer window will link to the necessary JS and CSS assets.

Clone this repo to your desktop and run npm install to install all the dependencies:

# Clone this repository
$ git clone https://github.com/N0matic/BudgetBuilder

# Go into the repository
$ cd BudgetBuilder

# Run the app
$ open index.html 

Running tests

There is a simple test function that can be used by calling the budgetController.testing function from within the console command prompt. This can be used to create test objects as incomes or expenses, for example:

budgetController.testing(1)

Will create an object in the terminal with new type, value, and percentage properties.

Built With

Otherwise, the goal was to use as much Javascript as possible with as little else.

Sources

Udemy.com: The Complete JavaScript Course 2020: Build Real Projects! Created by Jonas Schmedtmann

budgetbuilder's People

Contributors

znaddaf 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.