GithubHelp home page GithubHelp logo

atareshawty / spendingtracker Goto Github PK

View Code? Open in Web Editor NEW
3.0 3.0 1.0 2.42 MB

Chart/Graphics Interface to visually see where I'm spending money

License: MIT License

JavaScript 91.82% CSS 2.12% HTML 4.57% Ruby 0.06% Shell 1.43%

spendingtracker's People

Stargazers

 avatar  avatar  avatar

Watchers

 avatar

Forkers

tarebyte

spendingtracker's Issues

Server side validation

Right now it appears that you only validation username and password requirements on the client side.

That's pretty ๐Ÿ˜จ

ES6 Client Side

I want to have all of the client side code in ES6, which would require babel and related things

Income Tracking

You should add income tracking to visualize your net spending.

It could be done similarly to how it is now:

  • Categories have an additional option when being created (income or expense)
  • Color code the categories green or red to show what it is
  • Current chart can still be used for expenses
  • Add another chart for income
  • Add total income amount under the new chart
  • Add a net spending somewhere

Error Handling

Controllers aren't doing much in terms of error handling. Should be returning http status codes and flash messages where appropriate (especially when db interaction fails)

Travis Tests Failing

Need to spin up server before tests run, but when command runs, the build gets stuck and tests don't run
@tarebyte , help?

Shouldn't Be Able to Insert Multiple Categories

There is currently no check to make sure a user doesn't insert a category that doesn't already exists for that user. Could get gross is a lot of the same one show up in the user category drop down

req.flash() requires sessions

The flash-connect middle wear requires use of express-sessions. Although session is initialized in server.js, an issue is raided when the sessions controller checks for potential flash messages:

  if (req.flash('error')) {
    res.render('login', {message: req.flash('error')});
  } else {
    res.render('login'); 
  }

When that code is removed, we can proceed with normal login

Flash Messages for Signup and Login Failure

Currently, when a login fails, or a signup fails, they get redirected to the same page with no information about what happened. That would be nice to have. It's confusing without previous knowledge of the app

Big empty space when there is no spending

When a user signs up and gets logged in for the first time, the profile page has a big blank space due to lack of spending. The canvas (and table) shouldn't be there and there should be a message or something in it's place

screen shot 2016-01-27 at 6 18 45 pm

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.