A budgeting and expense tracking app. Using Redux Toolkit.
Live demo expansetracker_simonapiz.
![preview app preview](https://private-user-images.githubusercontent.com/91121660/247070638-696fccaa-cec2-4ae1-8bdc-d34d34a0fc5a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyMzkzOTcsIm5iZiI6MTcyMTIzOTA5NywicGF0aCI6Ii85MTEyMTY2MC8yNDcwNzA2MzgtNjk2ZmNjYWEtY2VjMi00YWUxLThiZGMtZDM0ZDM0YTBmYzVhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE3VDE3NTgxN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTI1YzcxNmRhNzU5NjRjY2UzMzI2M2RjNzFhZDA5NjgwYWY5YTVhN2IxOTRmMzJkMGQyZThlZjgxYzNjNjY5NDUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.lYE0uzZb97wjfnyc53StuSxsFFQ7aQ8MEvAlLiG61s8)
The app allows users to set budgets for various categories, such as food and transportation, and track transactions in those categories. It then sums their spending in each category to calculate the amount of money that remains to be spent.
Refactoring with Redux Toolkit, using a slice-based approach to produce the app’s actions and reducers.
- should display budgets for various categories
- allow the user to update/set budjets
![Tracker preview Tracker preview](https://private-user-images.githubusercontent.com/91121660/247075630-9469577b-c821-487d-bb56-da93eaae7198.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyMzkzOTcsIm5iZiI6MTcyMTIzOTA5NywicGF0aCI6Ii85MTEyMTY2MC8yNDcwNzU2MzAtOTQ2OTU3N2ItYzgyMS00ODdkLWJiNTYtZGE5M2VhYWU3MTk4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE3VDE3NTgxN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTFlM2EwZWI5NTliNDk4YmQ3YjllNDdiODAwNDE0ZGY3Y2U5ZTZlZjM4ZTU3Yzk0M2UxOTI1YzU3MDEwNGU4OGQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.l5n3um1O6DwUNyZ3-fcyeXygXEq3raNam0orcfAOo7w)
- should display track transactions
- allow the user to delete each transaction
![transactions preview transactions preview](https://private-user-images.githubusercontent.com/91121660/247074850-0cc508fa-347e-4b2b-960d-529f5f782a49.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyMzkzOTcsIm5iZiI6MTcyMTIzOTA5NywicGF0aCI6Ii85MTEyMTY2MC8yNDcwNzQ4NTAtMGNjNTA4ZmEtMzQ3ZS00YjJiLTk2MGQtNTI5ZjVmNzgyYTQ5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE3VDE3NTgxN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWZkNmJhZTI0NGFjN2Y3NmRiYmViMjNhOWM0ZTg0YTQ2YmVkOTlkMWE0OWNlZjkyMGFkOTM5MTZiYzM2MjgwNTUmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.yYpNt6LcShDqZlK3WxibeVGFRam-P1JYQygoN4wsnHA)
- the user can add many transaction for each categories
- he can choose the categorie
- add a description
- add the amount
![Add transaction preview Add transaction preview](https://private-user-images.githubusercontent.com/91121660/247077490-18d89426-5965-42b5-a866-aa69343401ea.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjEyMzkzOTcsIm5iZiI6MTcyMTIzOTA5NywicGF0aCI6Ii85MTEyMTY2MC8yNDcwNzc0OTAtMThkODk0MjYtNTk2NS00MmI1LWE4NjYtYWE2OTM0MzQwMWVhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE3VDE3NTgxN1omWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTFjNjlmYTZiYzk4ZDg1MDNlNTIwMWY1ZWYwMjBmZjFjMzg5OTljYjM1Mjc1ODE0MTA2NDNjMzg4YTRkOWZjZTAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.bjIsn4k9B9GSbEFx6lV99kw31arORApJpvcW4rJ3VNA)
- Node - version 18
- React - version 18
- Redux - version 4
- reduxjs/toolkit - version 1.8
To run this project, install it locally using npm:
$ cd ../[directory]
$ npm install
$ npm start
This project comes from the Codecademy's Front-End Engineer course.