chiumax / budgetless

Keep track of your expenses with budgetless.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Budgetless! 💵

code style: prettier

Website that helps you record and keep track of expenses.

Check it out here: https://budgetless.herokuapp.com/ (I use a free hosting service and I need it for other things as well).

If you have any suggestions on making this project any better I'd appreciate it.

Please create an issue if something wrong happens.

Resources/Dependencies 📚

There's a lot, just look in my package.json. Thanks

Screenshots / Demo 📷

desktop

edit-remove

mobile

Static-image

Planned Features

Includes everything I plan to learn.

App Features

  • Track and record a list of expenses
  • Set up character limits and expense limits for the application
  • Set up a character limit counter as well
  • Set up test cases with jest and enzyme to test the functionality of react components and action functions (adding, removing expenses)
  • Add a footer
  • Have the header follow scroll
  • React Router + Page change animations
  • Style the application
  • Try out a third-party modals from something like SweetAlert
  • Try out react router to support a multi-page web application
  • Try out react redux to make state/store/props variables more consistent and easier to track
  • Style the application
  • Learn component animations
  • Setup mobile environment

Google Firebase Features

  • Set up Google Firebase for data storage
  • Make sure Google Firebase can interact with react redux store
  • Set up Google Firebase for user authentication/login
  • Figure out how to redirect user to login page if user is not authenticated/logged in

Setup Features

  • Create deployment builds and production builds
  • Completely switch to yarn (delete package-lock)
  • Figure out how to bundle all my javascript files into one with webpack 3
  • Figure out how to bundle all my scss files into one css file also with webpack 3
  • Check out babel-polyfill
  • Learn git and deploy through the cli and push to github repo also through cli (can't be a baby and push/pull through github desktop)
  • Since it will be a dynamic application, find a free dynamic web hosting service
  • Deploy my application with Heroku

Code Style 🎨

  • I use the Prettier code formatter for js (default settings from the vs-code extension)).

    prettier logo

About

Keep track of your expenses with budgetless.

License:MIT License


Languages

Language:JavaScript 89.2%Language:CSS 10.0%Language:HTML 0.8%