Budget Buddy

Overview

Budget Buddy is a web application designed to help users manage their finances effectively. It provides features for tracking expenses, creating budgets, and visualizing financial data through interactive charts. Built with modern web technologies, Budget Buddy aims to simplify personal finance management for everyone.

Features

• Expense Tracking: Easily log and categorize your expenses.
• Budget Creation: Set monthly budgets and track your spending against them.
• Data Visualization: View your financial data through interactive charts and graphs using Recharts.
• CSV Export: Export your financial data in CSV format for easy sharing and analysis.
• Responsive Design: Access your budget on any device with a responsive layout.

Technologies Used

• Frontend:
  • React
  • Next.js
  • Tailwind CSS
  • Lucide React for icons
  • Recharts for data visualization
• Backend:
  • Firebase for authentication and database management
• Development Tools:
  • TypeScript for type safety
  • ESLint for code quality
  • Prettier for code formatting

Installation

To get started with Budget Buddy, follow these steps:

1. Clone the repository:

   git clone https://github.com/yourusername/budget-buddy.git

2. Navigate to the project directory:

   cd budget-buddy

3. Install the dependencies:

   npm install

4. Set up your Firebase project and configure the environment variables.

5. Start the development server:

   npm run dev

6. Open your browser and go to http://localhost:3000 to see the application in action.

Usage

Once the application is running, you can create an account or log in to start managing your budget. Use the dashboard to add expenses, set budgets, and visualize your financial data.

Contributing

Contributions are welcome! If you have suggestions for improvements or new features, feel free to open an issue or submit a pull request.