Fiskalio

Fiskalio – A Modern Bill Tracking & Expense Management Application

Fiskalio is a full-stack web application I built to solve a very personal and practical problem: keeping track of my bills across different months and places without stress or spreadsheets. As someone who manages multiple recurring bills, I wanted a clear way to know which bills arrived, which ones were paid, which were overdue, and how much I was spending in total each month.

What started as a personal finance tool quickly evolved into a comprehensive bill tracking and management system designed for modern households, apartments, and even small property portfolios.

Why I Built Fiskalio

Before Fiskalio, my bill tracking system was fragmented. Some bills arrived via email, others through online portals, and some only as physical reminders. It was easy to forget whether a bill had already been paid or was still pending, and calculating monthly totals often meant manually adding numbers together.

I built Fiskalio to:

• Easily see which bills have arrived
• Clearly track paid vs unpaid bills
• Highlight overdue payments
• Instantly view the total sum of bills per month
• Organize everything in one clean, visual interface

This project reflects my interest in building practical, real-world software that improves everyday life while also challenging me technically.

What the Project Does

At its core, Fiskalio is a bill tracking and expense management app that allows users to organize bills under different profiles. A profile can represent a household, an apartment, or any context where bills need to be tracked separately.

Each bill acts as a template (for example, electricity or internet), and every month generates a bill instance with its own amount, due date, and payment status. This structure makes it easy to analyze spending trends over time without duplicating data.

Key functionality includes:

• Creating and managing multiple profiles
• Tracking recurring and monthly bills
• Marking bills as paid or unpaid
• Automatic overdue detection
• Viewing all bills in a calendar
• Monthly and profile-based analytics dashboards

Calendar-First Bill Management

One of the central features of Fiskalio is the calendar view. I wanted a visual overview that instantly answers the question: “What do I need to pay this month?”

The calendar displays all bill instances in a monthly layout, color-coded by profile and clearly marked by payment status. From here, bills can be edited, marked as paid, or reviewed without navigating through multiple pages.

This approach turns bill tracking into a quick daily check rather than a tedious accounting task.

How It’s Built

Fiskalio is built as a modern, production-ready full-stack application using the latest web technologies.

Frontend Architecture

The frontend is developed with Next.js (App Router) and React, using TypeScript for full type safety. I used Tailwind CSS and shadcn/ui to create a clean, responsive interface with dark and light mode support.

The UI focuses on clarity, smooth interactions, and reusable components, making the application scalable and easy to extend.

Backend and Data Layer

For the backend, I chose Convex, which provides real-time queries, mutations, and automatic type generation. This allowed me to focus on application logic rather than boilerplate backend code.

Authentication is handled via Clerk, ensuring secure user sessions and protected data per account. The combination of Convex and Clerk makes Fiskalio highly responsive and secure by default.

What I Learned From This Project

Building Fiskalio helped me deepen my understanding of:

• Full-stack application architecture
• Real-time data handling
• Authentication and authorization flows
• Designing scalable data models
• Creating dashboards and analytics views
• Building UI systems that prioritize usability

More importantly, it reinforced my belief that the best projects are the ones that solve real problems.

Final Thoughts

Fiskalio is more than just a portfolio project—it’s a tool I actually use. It reflects my approach to software development: combining clean design, modern technology, and practical value.

This project showcases my ability to design and build end-to-end web applications, from idea and UX to backend logic and deployment, while keeping the user’s everyday needs at the center.