#buildinpublic thinking to build an app to track cash expenses... I was facing this problem from many years. I use @getwalnutapp to track my digital expenses but to track cash in my wallet, it is difficult. hence, thinking to build an app for it... let's name it #cashinwallet

#buildinpublic #cashinwallet

- scaffold-ed project with #reactjs #react

- added modal windows to add cash-in and cash-out

- text showing balance

#buildinpublic #cashinwallet

- added cash flow details with a table like structure showing when it was added, comment, amount and balance at that point
- fixed few errors

#buildinpublic #cashinwallet

improved it more by adding a bottom margin to the detailing cards

#TODO #buildinpublic #cashinwallet

- fix the bug in cash-in and cash-out modals where the previous values are being saved
- add vertical scrolling to the cash flow details table
- add total cash-in and total cash-out cards in the bottom

#buildinpublic #cashinwallet

- added "total cash in" and "total cash out" text
- fixed bug of preserving content in modals

#buildinpublic #cashinwallet

- added vertical scrolling to the cashflow cards by fixing other elements

#buildinpublic #cashinwallet

#TODO

- I will try to integrate with #firebase backend so that it'll help me learning firebase too 😍

#buildinpublic #cashinwallet

- configured #firebase real-time database

#buildinpublic #cashinwallet

- added #firebase integration
- now storing transactions in #firebase realtime database and fetching them on component mount

resuming my work after 12 days #buildinpublic #cashinwallet

- added search bar and filter icon
- added filter modal
- #workinprogress adding filters
- added a text "showing {numberOfEntries} entries"

forgot to attach GIF

#buildinpublic #cashinwallet

#cashinwallet #buildinpublic

- designed filters page

#buildinpublic #cashinwallet

- completed filters page design