• Home
  • About
  • Articles
  • Uses
  • Contact
View my notable public works!
Case Studies
Estimate the cost and timeline of your project with me.
Estimate
Wanna hire me? View my resume/cv.
Resume
A collection of my links.
Links
Contact me.
Contact

© 2026 msar.me - All rights reserved

Bill Organizer

May 1, 2025

Bill Organizer - is a comprehensive full-stack web application for managing personal bills and subscriptions, built with modern technologies including Laravel 12 and Vue.js 3.

Bill Organizer
  • Pet Project
  • Bill Management
  • Web Application

Bill Organizer is a comprehensive full-stack web application for managing personal bills and subscriptions, built with modern technologies including Laravel 12 and Vue.js 3.

Key Features & Capabilities

Bill Management System: Create, edit, and track bills with support for recurring subscriptions (weekly, monthly, yearly) and categorization. The system tracks bill status (paid/unpaid) and due dates with automated notifications for upcoming payments.

Payment Processing: Record payments with multiple payment methods, file attachments for receipts (images, PDFs, documents), and automatic bill status updates. The system supports payment history tracking and downloadable receipt management.

Dashboard Analytics: Interactive dashboard with spending insights, upcoming bill alerts, category-based organization, and monthly spending trends visualization using ApexCharts.

Category Management: Organize bills into custom categories with icons and descriptions for better financial organization.

Technical Architecture

Backend: Laravel 12 with MySQL database, featuring robust data models for users, bills, categories, and transactions. Includes automated notification system and task scheduling for bill reminders.

Frontend: Vue.js 3 with TypeScript, Tailwind CSS for styling, and Inertia.js for seamless SPA experience. Features modern UI components with form validation and responsive design.

Development: Docker support via Laravel Sail, comprehensive testing suite, and CI/CD pipeline with automated testing and linting.

This project demonstrates full-stack development expertise, modern web technologies, financial application design, and production-ready deployment practices.

Buy Me A Coffee

Technologies

VueJSLaravelTailwind CSSTypeScriptShadcn UIInertiaJSApexChartsMySQLDockerGitHub ActionsLaravel SailPHP

Gallery

10 screensClick any screen to enlarge
Dashboard
01
Bills
02
Bill details
03
Edit bill
04
Calendar
05
Categories
06
Payment
07
Settings
08
Tnx
09
Team
10
  • Dashboard
  • Bills
  • Bill details
  • Edit bill
  • Calendar
  • Categories
  • Payment
  • Settings
  • Tnx
  • Team
Visit Project

Want to build something similar?

Contact noworEstimate your app!