trackmysubs

Edit in StackBlitz next generation editor ⚡️ trackmysubs is a subscription tracking application designed to help users manage and visualize their subscriptions effectively. It provides a comprehensive dashboard to monitor spending, upcoming billing dates, and subscription categories.

Key Features

• Subscription Management:
  • Full CRUD operations (Create, Read, Update, Delete) for subscriptions.
  • Easy-to-use modal for adding and editing subscription details.
  • List view to see all subscriptions with key information.
• Subscription Listing & Filtering:
  • Sortable and filterable list of subscriptions.
  • Filter subscriptions by category, billing cycle, and search query.
  • Quick filters for subscriptions renewing soon or already expired.
• Subscription Categories:
  • Create, read, update, and delete subscription categories to organize subscriptions.
  • Manage categories directly from the dashboard.
• Dashboard Statistics:
  • Aggregated dashboard statistics to provide insights into total monthly spending and subscription overview.
• Real-time Updates:
  • Real-time data synchronization using Supabase channels, ensuring data is always up-to-date across sessions.
• Currency Handling:
  • Multi-currency support allowing users to track subscriptions in their preferred currency.
  • Currency conversion for analytics to provide a unified spending view.
• User Authentication:
  • Secure user authentication using Supabase Auth to protect user data.
  • Sign-up, sign-in, and password reset functionalities.
• Analytics Dashboard:
  • Visual analytics to understand spending patterns.
  • Monthly Spend by Category Chart (Bar chart).
  • Spend Distribution Chart (Pie chart).
  • Subscription Calendar View to visualize billing dates.
  • Timeline view (in development) for upcoming subscriptions.
• Mobile Responsive Design:
  • Fully responsive design that adapts to different screen sizes for optimal viewing on desktops and mobile devices.
• Error Handling and Loading States:
  • User-friendly error messages and loading indicators to enhance user experience.
• Sign Out:
  • Secure sign-out functionality to protect user accounts.

Technologies Used

• Frontend: React, TypeScript, Vite, Tailwind CSS, react-router-dom, lucide-react, react-chartjs-2, @fullcalendar/react
• Backend & Database: Supabase
• Styling: Tailwind CSS
• Charts: Chart.js
• Calendar: FullCalendar

Getting Started

[Further instructions on how to run the project would go here, if available in the code or documentation]

---

This README provides a good overview of the trackmysubs project and its features.