Personal Finance Management App

Overview

Trave is a personal finance management app built using React, Chart.js, and Bootstrap, designed to provide users with an interactive, at-a-glance overview of their budget. The app stores budget data in local storage, making it a proof of concept that could be further developed with database integration for production use.

Demo

See a Live Demo Here

Features

• Dynamic Budget Indicator Bar: Changes color as users approach or exceed their set budget, providing a clear visual cue for financial health.
• Interactive Dashboard: Displays budget data in a user-friendly and visually engaging way.
• Local Storage Data Persistence: Allows users to retain their budget information between sessions.
• Responsive Design: Ensures a seamless experience across different devices.

Technologies Used

• Frontend: React, Chart.js, Bootstrap
• Markup & Styling: HTML5, CSS3, JavaScript

Installation & Setup

1. Clone the repository

   git clone https://github.com/treyweldon/trove.git
   cd trove

2. Install dependencies

   npm install

3. Start the application

   npm start

4. Open your browser and go to http://localhost:3000 to access the app.

Future Enhancements

• Database Integration: Store budget data persistently using a backend database.
• User Authentication: Enable account creation and login for personalized budgets.
• Advanced Budget Analysis: Implement additional charts and financial insights.
• Cloud Syncing: Sync budgets across multiple devices.

License

This project is open-source and available under the MIT License.

Contributing

Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.