This is a simple budget management application built using React and Vite. It allows users to create and manage accounts, add different budgets, add expenses to the current budgets, display all budgets, display expenses, and offers functionality to delete budgets, expenses, and accounts. Data is stored locally using local storage. React Router DOM is used for control states and navigation.
Before you start, ensure you have the following prerequisites installed:
-
Clone the repository:
git clone https://github.com/yourusername/react-budget-app.git
-
cd react-budget-app```
-
npm install
-
cd react-budget-app npm run dev
- Account Management: Create and delete user accounts.
- Budget Creation: Add and delete budgets for different categories.
- Expense Tracking: Add, and delete expenses within specific budgets.
- Data Persistence: All data is saved locally using local storage.
- Navigation: Utilizes React Router DOM for page navigation.
- Deletion: Delete budgets, expenses, and accounts.
The application can be deployed to various hosting platforms. Here's a link to a Netlify deployment.
- React: A JavaScript library for building user interfaces.
- Vite: A fast build tool that enhances development experience.
- React Router DOM: A library for adding navigation to React applications.
- Local Storage: Stores data in the browser's local storage.
Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
Fork the repository. Create a new branch for your feature or bug fix. Make your changes and test them thoroughly. Submit a pull request with a clear description of your changes. Please make sure your code follows the existing coding style and includes appropriate documentation.
This project is MIT licensed.