chiumax / budgetless

Keep track of your expenses with budgetless.

Budgetless! 💵

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 📷

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