Introducing Expensasaurus: Start your journey toward financial wellness

Expensasaurus — my submission for the Appwrite x Hashnode Hackathon.

Description

Expensasaurus is a user-friendly and intuitive expense-tracking and budgeting application designed to empower individuals and businesses alike. With its comprehensive features and seamless interface, you can take control of your finances and make informed decisions with ease.

Inspiration

The inspiration behind building this project came from the realization that many existing financial analytics solutions come with a hefty price tag, making them inaccessible for most individuals and businesses.

How does it work?

Create an Account and sign up.
Set your budget with spending limits per category.
Log & Track your expenses and income.
Monitor Your Budget — get an overview of your spending habits with charts and graphs.
Plan Ahead — make informed financial decisions and set savings goals.
Anytime, Anywhere Access — access your finances on the web or mobile.

Features

Intuitive Expense Tracking: Effortlessly track your expenses with just a few clicks. Record spending, categorize transactions, and add detailed descriptions.
Comprehensive Budget Management: Set monthly spending limits for different categories such as food, transportation, entertainment, and more.
Smart Insights and Analytics: Interactive charts and graphs that visualize your spending patterns. Identify trends, understand where your money goes, and make data-driven decisions.
Transaction Categorization and Filtering: Group transactions by category, date, or custom tags. Stay organized and retrieve information with ease.

Routes

Calendar (/calendar): Select a specific date to view expenses for that day.
Categories (/categories): Breakdown of expenses across different categories with graphs.
Expenses (/expenses): Comprehensive filtering and sorting interface for managing expenses.
Incomes (/incomes): Track sources of income and view income-related analytics.
Budgets (/budgets): View all allocated budgets with duration and budget amount details.
Budget Details (/budgets/:id): Category-wise spending, budget limits, progress tracking, and graphical representation.
Dashboard (/dashboard): Overview of total savings, expenses, and income with pie charts and line graphs.

Tech Stack

Next.js
Appwrite — Authentication (GitHub Auth + Email/Password), Database (expenses, incomes, budgets), Storage (uploading receipts)

Libraries

Tremor (UI components for dashboards)
React Query (data fetching)
TanStack Table (table management)
Sonner (toast notifications)

Challenges

Since the application uses a lot of aggregation-related logic and Appwrite doesn't yet support that, all those calculations had to be written on the client side.