Skip to content

LeedsOwl/pocketowl-web

Repository files navigation

🦉 PocketOwl - Personal & Group Finance Tracker

PocketOwl is a powerful personal finance tracker with a built-in group expense management feature. Whether you're tracking personal transactions or managing shared expenses with friends, PocketOwl makes it seamless, intuitive, and all in real-time, powered by Convex.


🚀 Features

💼 Personal Finance Management

  • Track your income, account balance, and daily transactions.
  • Visualize spending patterns through dynamic bar charts and pie charts.
  • Filter spending data by week, month, or year.

Transaction GIF

👥 Group Expense Management

  • Create groups for shared expenses with friends, family, or colleagues.
  • Split expenses using Equal, Percentage, or Custom split methods.
  • Manage group budgets and view real-time updates on group spending.

Group Split GIF

🔒 Secure Group Invitations

  • Send secure invite links with a 24-hour expiration.
  • Only authorized users can join groups, ensuring security and privacy.

📊 Insights and Visualization

  • View your overall spending habits with category breakdowns like Food, Bills, and Travel.
  • Analyze spending through interactive pie charts and track spending per category.

Pie Chart GIF

⚙️ Customizable Settings

  • Toggle dark mode for a customized visual experience.
  • Update your email, password, and currency preferences.
  • Manage notification settings and sync across devices.

Settings GIF


🛠️ Tech Stack

PocketOwl is built with modern technologies for a fast, responsive, and scalable experience:

  • Frontend: React + Vite
  • Backend: Convex for real-time data synchronization and serverless functions
  • Database: Convex’s serverless database for fast queries and live updates
  • Design: Tailwind CSS with ShadCN for sleek, responsive UI
  • Animations: Framer Motion for smooth animations

📦 Installation

  1. Clone the repository:

    git clone https://github.com/your-username/pocketowl.git
    cd pocketowl
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm run dev
  4. Navigate to http://localhost:5173 to see the app in action!


💻 Usage

Setting up Convex

To connect your app with Convex for real-time data handling:

  1. Sign up for Convex here.
  2. Follow Convex’s setup guide to configure your Convex project.
  3. Add your Convex project ID to .env.local.

Made by PocketOwl Team.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published