A modern React + Vite app to track your subscriptions, visualize upcoming payments on a yearly grid, and manage billing cycles built with authentication and clean UI components.
⚠️ This is only the frontend portion of the app. The backend (Express + Prisma) is in a separate private/local repository or not included here.
- 🔐 Authentication with JWT
- 🧠 Form validation with Zod + React Hook Form
- 📅 Yearly grid layout to visualize subscription payments
- 🔁 Create, update, and delete subscriptions with ease
- 🎨 Assign custom colors per subscription
- 🧭 Responsive layout using Tailwind and ShadCN UI
- 🗃️ Auth state stored in localStorage
- 🧰 Uses popovers and dialogs for viewing and editing details
- React with Vite
- TypeScript
- Tailwind CSS + ShadCN UI
- React Router for routing
- React Query for data fetching
- React Hook Form + Zod for form validation
- Lucide React for icons
Backend API is expected to be available at
VITE_BACKEND_URL(e.g. http://localhost:3000)
git clone https://github.com/your-username/subscription-tracker-web
.git
cd subscription-tracker-web