/Django-HTMX-Finance-Tracker

A simple finance tracker app built with Django and HTMX, enabling seamless tracking and management of personal finances with dynamic interactions. Lightweight, intuitive, and efficient for everyday use.

Primary LanguageJavaScriptMIT LicenseMIT

💸 Django HTMX Finance Tracker

A lightweight and intuitive finance tracker app built with Django and HTMX. Track, manage, and visualize your personal finances with ease using dynamic interactions.

🚀 Features

  1. 🏠 Home Page

    • View an overview of your finance tracker.

  2. 📜 List Transactions

    • Display a detailed list of all transactions.

  3. ➕ Add New Transaction

    • Seamlessly create new transactions.

  4. ✏️ Update Transaction

    • Edit existing transaction details.

  5. ❌ Delete Transaction

    • Remove transactions effortlessly.

  6. 🔍 Get Transaction

    • Fetch details of specific transactions.

  7. 📊 Transaction Charts

    • Visualize your transactions with interactive bar and pie charts using Plotly.

  8. 📤 Export Transactions

    • Export your transaction data to a CSV file for safekeeping.

  9. 📥 Import Transactions

    • Import transactions from a CSV file to keep your data organized.

🛠️ Technologies Used

  • Backend: Django
  • Frontend: HTMX, Tailwind CSS, DaisyUI
  • Authentication: Django Allauth
  • Visualization: Plotly
  • CSV Operations: Django Import Export

Installed Packages

    "corsheaders",
    "allauth",
    "allauth.account",
    "allauth.socialaccount",
    "debug_toolbar",
    "django_extensions",
    "django_filters",
    "widget_tweaks",
    "django_htmx",
    "template_partials",
    "import_export",

✨ Highlights

  • Dynamic UI: Built with HTMX for smooth and responsive interactions.
  • Customizable Styles: Tailwind CSS and DaisyUI for beautiful and consistent styling.
  • Secure Authentication: User authentication powered by Django Allauth.
  • Data Insights: Visualize transactions with bar and pie charts.
  • Seamless CSV Handling: Easily import and export transactions.

💻 Installation

  1. Clone the Repository

    git clone https://github.com/DataRohit/Django-HTMX-Finance-Tracker.git
cd Django-HTMX-Finance-Tracker

  2. Set Up Virtual Environment

     python -m venv venv
 source venv/bin/activate  # Linux/Mac
 venv\Scripts\activate     # Windows

  3. Install Dependencies

    pip install -r requirements.txt

  4. Run Migrations

    python manage.py migrate

  5. Start Development Server

    python manage.py runserver

📷 Screenshots

  • 📊 Transaction Charts

Transaction Charts

  • 💻 Responsive UI

Responsive UI

📜 License

This project is licensed under the MIT License.

📩 Contributions

Feel free to fork the repository and submit pull requests for improvements or new features.

💸 Happy Tracking!