Expensify

Expensify

November 13, 20181 min read

title: 'Expensify' description: 'An expense Tracking App' date: '2018-11-13' section: project cover_image: 'https://res.cloudinary.com/crbaucom/image/upload/v1546543786/crbaucom-images/expensify-mockup.png' tags: ['javascript', 'react', 'redux', 'firebase']

An expense tracking app built with React, Redux, and Firebase.

This expense tracking app is designed to store and show users' expenses each month.

Technologies

  • JavaScript - ECMAScript 6
  • SASS - SCSS preprocessor
  • Node modules
  • React - JavaScript library
  • Redux - JavaScript library for managing application state
  • Testing with Jest, Enzyme
  • Cloud database storage and user authentication with Firebase

Expensify App login mockup

Features

  • Responsive Web Design

  • Integration with Firebase:

    • Authentication with Google, Facebook, or Github accounts
  • Easily manage expenses

    • Create, edit, view, and remove expenses
    • Filter by date or amount
    • Search expenses

Future enhancements

  • Custom 404 page
  • Show username when logged in
  • Display number of hidden expenses when filter is set

To see the full source, click here.