💸 Expense Tracker 💸

Made in React, constructed with create-react-app, state managed by Context API.

💰 See Live 💰

📖 Lessons Learned

This project started with scattered peices of state in class based components.
I used Context API to effectively manage global state between all the components in the app.
This approach to state management is much cleaner as state is easily available to any component and doesnt have to be passed down.

This project also gave me a good grasp of array methods (map) to list the transactions.

🔮 Future Features

💱 Currency Converter
🏦 Multiple Accounts
📈 Charts and tables to show spending/earning trends
🏷️ Product/Service Catagories

🚀 Deployment

Deployed with Github Pages

🔨 Get Started

From your command line, first clone this repo:

# Clone this repository
$ git clone https://github.com/ginoleeswan/expense-tracker-react/

# Go into the repository
$ cd expense-tracker-react

# Remove current origin repository
$ git remote remove origin

Install

npm install

Usage

npm run start

Run tests

npm run test

✍️ Author

👤 Gino Swanepoel

Twitter: @mrginolee
Github: @ginoleeswan
LinkedIn: @ginoswanepoel

❤️ Show your support

Give a ⭐️ if this project helped you!