Skip to content

A modern expense tracking app built with React and Supabase

Notifications You must be signed in to change notification settings

Nodari-0/SubTrackr

Repository files navigation

💰 Expense Tracker

A modern, intuitive expense tracking application built with React and Supabase to help users manage their personal finances effectively.

🎯 About The Project

This expense tracker is designed to provide users with a comprehensive view of their financial activities. The application allows users to monitor their income and expenses across multiple wallets, set budget limits for different categories, and track their spending patterns over time.

✨ Key Features

  • Multi-Wallet Management - Track expenses across different accounts (bank, cash, credit cards)
  • Category-Based Tracking - Organize transactions into customizable categories
  • Budget Limits - Set spending limits for categories and receive notifications
  • Real-Time Dashboard - View financial overview with charts and statistics
  • Transaction History - Complete log of all income and expense transactions
  • Money Transfers - Transfer funds between different wallets
  • Subscription Tracking - Monitor recurring payments and subscriptions
  • Responsive Design - Optimized for desktop and mobile devices

🛠️ Built With

  • Frontend: React 18 with TypeScript
  • Styling: Tailwind CSS
  • Backend: Supabase (Database, Authentication, Real-time)
  • Build Tool: Vite
  • State Management: React Hooks & Context API

🚀 Getting Started

Prerequisites

  • Node.js (v16 or higher)
  • npm or yarn
  • Supabase account

Installation

  1. Clone the repository
git clone https://github.com/yourusername/expense-tracker.git
cd expense-tracker
  1. Install dependencies
npm install
  1. Set up environment variables
cp .env.example .env.local

Add your Supabase credentials to .env.local

  1. Start the development server
npm run dev

🎨 Project Purpose

This project was developed as part of a bootcamp to demonstrate proficiency in:

  • Modern React development patterns
  • TypeScript integration
  • Supabase backend integration
  • Responsive UI/UX design
  • State management
  • Real-time data handling

📱 Features Overview

The application provides a complete personal finance management solution where users can:

  • Add and categorize income and expenses
  • View spending analytics and trends
  • Manage multiple financial accounts
  • Set and track budget goals
  • Export financial reports
  • Receive spending alerts and notifications

🔒 Security

  • Secure user authentication via Supabase Auth
  • Row-level security policies
  • Protected API endpoints
  • Data encryption in transit and at rest

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📧 Contact

Your Name - your.email@example.com

Project Link: https://github.com/yourusername/expense-tracker


Built with ❤️ for better financial management

About

A modern expense tracking app built with React and Supabase

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •  

Languages