Skip to content

homayounmmdy/Bugify

Repository files navigation

🐛 Bugify - Personal Finance Tracker 💰

Bugify is a modern web application designed to help users manage finances, track expenses, and create budgets effortlessly. Built with React, it offers a sleek and intuitive interface for all your money management needs.

357979508-ffadf2a8-f5b7-420f-b3db-766a62646d02.mp4

✨ Features

  • 📊 Expense Tracking – Log and categorize expenses with ease.
  • 💵 Budget Management – Create and monitor multiple budgets.
  • 📈 Financial Overview – Visualize spending habits and savings.
  • 📱 Responsive Design – Works seamlessly on all devices.
  • 🔒 User Authentication – Secure login and registration.

🚀 Installation

Prerequisites

  • Node.js (v14.x or later)
  • npm or yarn

Steps

  1. Clone the Repository:

    git clone https://github.com/homayunmmdy/Bugify.git
    cd Bugify
  2. Install Dependencies:

    npm install
    # or
    yarn install
  3. Run the Application:

    npm start
    # or
    yarn start

    The app will launch at http://localhost:3000.

🛠️ Usage

  1. 🔐 Create an Account
    Register or log in to access personalized financial tools.

  2. 💸 Manage Expenses

    • Add and categorize expenses.
    • View spending trends via charts and reports.
  3. 📅 Create Budgets

    • Set budgets for categories (e.g., groceries, entertainment).
    • Track progress to stay on target.
  4. 📊 Financial Overview
    Get insights into income, expenses, and savings.

📂 Project Structure

src/
├── components/    # Reusable React components
├── pages/         # Page views (dashboard, expenses, budgets)
├── action/        # Application actions
├── styles/        # SCSS styles (modular structure)
├── util/          # Utility functions and logic
public/            # Static assets (images, fonts)

🤝 Contributing

We welcome contributions! Here’s how:

  1. Fork the repository.
  2. Create a branch:
    git checkout -b feature/your-feature
  3. Commit changes:
    git commit -m "Add your feature"
  4. Push and open a PR on GitHub.
  • Improved spacing and structure for readability.

Let me know if you'd like any adjustments!

About

Bugify is a simple web application built with React, JavaScript, and Tailwind CSS. It allows users to track their expenses by adding, editing, and deleting and see detail items, and displays the total expenses and much more

Topics

Resources

License

Stars

Watchers

Forks

Contributors