Personal Finance Management App with Django, HTMX, Alpine, Tailwind and Plaid

• Tailwind CSS

  1,421 83,489 9.8 TypeScript

  A utility-first CSS framework for rapid UI development.

  

  Tailwind CSS handles the styling in this project, which speeds up the development of clean and responsive UIs. This project also uses Flowbite for pre-built UI components like modals, tooltips, and buttons. Flowbite integrates well with Tailwind and helps you avoid reinventing the wheel for common UI elements.

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

• pattern

  4 456 5.6 TypeScript

  An example end-to-end Plaid integration to create items and fetch transaction data (by plaid)

  

  This project is a personal finance management app that integrates Plaid to link bank accounts and provide financial insights. I used Plaid’s official examples from their repository as a reference.

• django_finance

  1 4 8.0 Python

  A personal finance management app that integrates Plaid to link bank accounts and provide financial insights. Utilizes Django, HTMX, and Alpine.

  Want a quick overview of the code? Check it out on GitHub

• Poetry

  395 31,852 9.5 Python

  Python packaging and dependency management made easy

  

  For managing dependencies in this project, I used Poetry. Poetry simplifies the package management process and automates much of the heavy lifting involved with dependencies. It relies on the pyproject.toml file, which is now the standard for defining build requirements in modern Python projects.

• plaid-node

  2 528 5.7 TypeScript

  Node bindings for Plaid

  

  Plaid Integration to link bank accounts, fetch real-time account data, and track transactions.

• Going.Plaid

  41 72 7.6 C#

  Plaid API .NET library

  This project is a personal finance management app that integrates Plaid to link bank accounts and provide financial insights. I used Plaid’s official examples from their repository as a reference.

• htmx

  622 38,655 9.6 JavaScript

  </> htmx - high power tools for HTML

  

  HTMX allows you to add dynamic interactions to your project without needing heavy JavaScript frameworks. You can organize your Django templates with small, reusable HTMX snippets. This allows you to update specific parts of the page based on user actions, without requiring a full page reload. This pattern works great with Django’s views because each piece of content can be treated as its own view and then injected into the DOM dynamically.

• flowbite

  196 8,022 9.5 JavaScript

  Open-source UI component library and front-end development framework based on Tailwind CSS

  

  Tailwind CSS handles the styling in this project, which speeds up the development of clean and responsive UIs. This project also uses Flowbite for pre-built UI components like modals, tooltips, and buttons. Flowbite integrates well with Tailwind and helps you avoid reinventing the wheel for common UI elements.

• ruff

  108 33,168 10.0 Rust

  An extremely fast Python linter and code formatter, written in Rust.

  

  I’ve been using Ruff, which is a very fast Python linter and code formatter, built in Rust. It handles a bunch of tools all in one, like Black, isort, and more.

• django-cotton

  9 616 9.7 Python

  Enabling Modern UI Composition in Django

  Django Cotton allows you to create reusable Django templates. I discovered this awesome library halfway through the project while trying to make a modal reusable. Initially, I tried using Django’s include template tag, but when passing lots of context data, it quickly became cluttered. Django-Cotton allows you to create highly reusable components that bind well with your HTMX and Tailwind in an HTML tag-like syntax. For example:

• Alpine.js

  261 28,482 8.7 HTML

  A rugged, minimal framework for composing JavaScript behavior in your markup.

  

  Alpine.js is another lightweight JavaScript framework used to add interactivity. It plays nicely with Django’s template structure and provides quick, declarative behavior for things like modals, dropdowns, or toggles. In combination with HTMX, Alpine can give you just enough JavaScript to enhance the UX without having to deal with something like React or Vue. For instance, you can use Alpine to manage state in the frontend, like opening and closing modals or handling client-side validation.

• django-allauth

  50 9,582 9.8 Python

  Integrated set of Django applications addressing authentication, registration, account management as well as 3rd party (social) account authentication.

  For implementing authentication in this project, I used the AllAuth library, which also provides support for multi-factor authentication (MFA). It offers an MFA module that integrates seamlessly with your existing user authentication setup. You can enable 2FA via an authenticator app, adding an extra layer of security. You can also easily customize the templates AllAuth provides to match the look and feel of your app.

Suggest a related project