Skip to content

This is a simple website to Calculate user's budget during specific period of time. Here, a user can add his/her purchases during i.e. a month and calculate his/her rate of money spend. Each Item that the user can add to the application will be categorized from high->low priority. Also, a search bar was added in order to allow the user to search…

License

Notifications You must be signed in to change notification settings

raniamhelmy/budgetx-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

React Redux Budgetx App

This is a simple website to Calculate user's budget during specific period of time. Here, a user can add his/her purchases during i.e. a month and calculate his/her rate of money spend. Each Item that the user can add to the application will be categorized from high->low priority. Also, a search bar was added in order to allow the user to search for item that added to the list before. This project was created with React Redux; as a learning project to get use of this feature to be embedded in more complex projects afterwards 'if needed'.

Note that this App using Redux-Persist; that means the app will remember your adding/deleted item even if you refresh the page or close it suddenly, so you will not be afraid of loosing data you have entered before.

Website link

Budgetx.io

ScreenShot

Budgetx

Technologies used to build this project

  • React
  • React-Redux
  • CSS
  • HTML 5

Tools & Libraries

Project is created with:

  • react version: 17.0
  • react-router-dom version: 5.2
  • react-dom version: 17.0
  • react-toastify version: 8.1
  • react-modal version: 3.14
  • redux version: 4.1
  • redux-persist: 6.0

Getting the React App running

To run this project, install it locally using npm:

$ cd ../budgetx
$ npm install
$ npm start

Then Navigate to localhost:3000 to view the app

Contributing

When contributing to this repository, please first discuss the change you wish to make via issue, email, or any other method with the owners of this repository before making a change.

Note that all Pull requests are welcome

License

MIT

About

This is a simple website to Calculate user's budget during specific period of time. Here, a user can add his/her purchases during i.e. a month and calculate his/her rate of money spend. Each Item that the user can add to the application will be categorized from high->low priority. Also, a search bar was added in order to allow the user to search…

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published