NOTE: This is a completed prototype project, developed for the purposes of learning the React framework and showcasing development skills. It will not be worked on any further.
Budget Manager is an application designed to manage budgets and expenses. Created using React, Vite, and TypeScript, this project was developed to understand the intricacies of the React framework and serves as part of a portfolio to demonstrate development capabilities.
- Create Budgets: Define financial boundaries by creating tailored budgets.
- Add Expenses: Track spending by adding expenses within budgets.
- Remove Expenses: Easily remove incorrect expenses.
- Remove Budgets: Remove and redefine budgets as needed.
- Display Expenses and Budgets: A concise view of budgets and expenses.
The project was inspired by a video tutorial by Web Dev Simplified. It has been altered to work with Vite and TypeScript, with a more formal project structure.
- React: Used to build the user interface.
- Vite: A build tool that serves the code during development.
- TypeScript: Implemented for static typing, enhancing maintainability.
Follow these steps to view the Budget Manager:
-
Clone the repository:
git clone https://github.com/yourusername/budget-manager.git -
Navigate to the project directory:
cd budget-manager -
Install the dependencies:
npm install -
Start the development server:
npm run dev
Access the Budget Manager at http://localhost:3000.
This project is licensed under the MIT License. See the LICENSE file for details.
Special thanks to:
- Web Dev Simplified for the initial guidance and inspiration.
- Fireship.io for their great tutorials to understand hooks.