PayLedger is a modern web app that helps users track bills, manage finances, visualize monthly spending, and share public dashboards securely. Built with Next.js, Supabase, and Tailwind CSS, it offers email summaries, charts, and real-time insights—all in a responsive and elegant neon-glassy UI.
PayLedger was born out of a personal frustration: juggling bills, subscriptions, and expenses across spreadsheets and sticky notes. This modern finance tracker solves that chaos with a sleek, all-in-one dashboard. Built for individuals who want clarity in their cash flow, it turns messy finances into actionable insights—with neon-glassy aesthetics for a touch of fun.
"Why stress over bills when PayLedger organizes, visualizes, and even reminds you?"
| Category | Tech Used |
|---|---|
| Framework | Next.js 14.1.0 |
| Language | TypeScript |
| Styling | Tailwind CSS |
| Backend | Supabase |
| Email Service | EmailJS |
| Charts | Chart.js + React-ChartJS-2 |
| Icons | lucide-react |
| Utilities | uuid |
- 🔐 User Authentication with Supabase
- 📊 Dashboard for financial overviews
- 📧 Email Summaries of bills and income
- 📅 Bill Manager to track and edit bills
- 🌐 Public Dashboards via secure links
- 📊 Interactive Charts (Bar, Pie, Line)
- 🚀 Responsive Neon-Glassy UI
.
├── pages/ # All route pages (index, dashboard, login, etc.)
├── components/ # Reusable React components
├── lib/ # Supabase client and utility functions
├── public/ # Static assets (images, fonts, etc.)
├── styles/ # Global styles
├── package.json # Project metadata and scripts
└── tsconfig.json # TypeScript configuration
npm run dev— Start dev servernpm run build— Create production buildnpm run start— Run production servernpm run lint— Check for code issues
| Page | Description |
|---|---|
/ |
Home page / Landing |
/login |
User authentication |
/dashboard |
Private dashboard after login |
/public-dashboard |
Publicly sharable dashboard [Via Tokens] |
/billManager |
Bill creation and editing |
/emailSummary |
Email summary preview and sending |
/about |
Project details |
- Frontend: Deployed on Vercel
- Backend: Powered by Supabase & EmailJS
- Public Dashboard Security: UUID token links
PayLeger is open to contributions! Feel free to fork, open issues, or submit pull requests. Ideas and suggestions are always welcome. 🛠️
This project is licensed under the MIT License — see the LICENSE file for more info.
-
Developed by Anuja Jayasinghe 🌐 anujajay.com
Crafted by Anuja Jayasinghe after one too late-night bill-scrambling sessions.