Skip to content

frau-azadeh/penny-track

Repository files navigation

PennyTrack βœ¨πŸ’°

PennyTrack is a modern and efficient personal expense management application built with React, Redux Toolkit, and Supabase. It helps users track their income, expenses, and budget insights through an intuitive dashboard.

πŸš€ Features

βœ… Add, edit, and delete transactions (income & expenses)

πŸ“Š Visual analytics with charts (expense breakdown, income vs. expenses, etc.)

πŸ”„ Persistent state with Redux Persist (LocalStorage support)

πŸ” User authentication with Supabase (Signup, Login, Logout)

🎨 Modern UI with Tailwind CSS

πŸ”Ž Search, filter, and categorize transactions

πŸŒ™ Dark mode support

πŸ› οΈ Technologies Used

React (Vite + TypeScript) – Frontend framework

Redux Toolkit + Redux Persist – State management

React Query – Data fetching & caching

Supabase – Backend as a Service (Auth & Database)

Axios – HTTP requests

Tailwind CSS – Styling

Recharts.js – Charts & analytics

Jest + React Testing Library – Unit and integration testing

πŸ“₯ Installation & Setup

To get started with PennyTrack, follow these steps:

Clone the repository
git clone https://github.com/frau-azadeh/penny-track.git
cd penny-track

Install dependencies
npm install

Start the development server
npm run dev

🀝 Contributing

Contributions are welcome! Feel free to submit a pull request or open an issue.

Developed with 🌻 by Azadeh Sharifi Soltani Feel free to connect and collaborate!