💸 Finance Tracker (Django + HTMX + Tailwind CSS)

A lightweight, modern Finance Tracker web app built with Django, HTMX, and Tailwind CSS — designed to help you manage expenses, visualize data, and keep track of your financial goals effortlessly.

---

🚀 Tech Stack

• Backend: Django (Python)
• Frontend: HTML, HTMX, Tailwind CSS
• Database: SQLite
• Version Control: Git & GitHub

---

🧠 Features

• 💰 Add, edit, and delete financial transactions
• 📅 Track income and expenses over time
• ⚡ HTMX for smooth, AJAX-like interactions (no page reloads!)
• 🎨 Tailwind CSS for responsive, clean UI
• 💾 SQLite for simple, local data storage
• 🔍 Filter and sort transactions dynamically

---

🏗️ Installation & Setup

1️⃣ Clone the repository

git clone https://github.com/kilwitch/finance-tracker-django.git
cd finance-tracker-django

2️⃣ Create and activate a virtual environment

python -m venv venv
venv\Scripts\activate       # On Windows
# OR
source venv/bin/activate    # On macOS/Linux

3️⃣ Install dependencies

pip install -r requirements.txt

4️⃣ Run database migrations

python manage.py migrate

5️⃣ Start the development server

python manage.py runserver

Now visit 👉 http://127.0.0.1:8000/ in your browser.

---

🧩 Folder Structure

finance-tracker-django/
│
├── finance_tracker/        # Main Django project folder
├── tracker/                # App folder for managing transactions
├── templates/              # HTML templates with HTMX integration
├── static/                 # Tailwind CSS and static assets
├── db.sqlite3              # SQLite database file
├── manage.py
└── requirements.txt

---

🪄 Tailwind CSS Build Notes

If you’re customizing Tailwind, you can rebuild CSS like this:

npx tailwindcss -i ./static/src/input.css -o ./static/css/style.css --watch

---