Expensify

Project overview

Expensify is a straight-forward app to keep track of expenses. I completed this app as part of the The Complete React Developer Course (w/ Hooks and Redux) on Udemy; it includes features that were not demonstrated in the lessons

Goals

  • The main goal of this project was to learn the React framework and webpack configuration
  • Create an app that is production ready and shippable

Key lessons learned

  • Ways to configure webpack for development workflow (although bootstrapping from create-react-app is a nice place to start projects)
  • Automated testing with Jest and Enzyme to easily find errors as the app became more complex
  • And of course React! Including the fundamentals of state, functional and class components, lifecycle methods, and hooks

Key technologies used

  • User management powered by Firebase Authentication
  • Database is Firebase Real Time Database
  • Hosted on Netlify
  • React framework, Firebase SDK, and several third-party packages and components (i.e. moment.js, react-modal)