Fynly is a personal expense planner and tracker that helps you manage your monthly budget with clarity. Set a plan, track your spending, view breakdowns, and stay in control of your finances β all in one sleek, responsive web app.
π§ Coming Soon: AI-generated personal finance plans based on your habits and goals.
π Visit Fynly Live
βοΈ Fully responsive and mobile-friendly
- β Secure user login with Clerk
- π Create monthly spending plans
- πΈ Add planned expenses by category
- π§Ύ Record actual transactions
- π Breakdown: planned vs spent vs remaining
- π Dark mode support
- π± 100% responsive design
- π All data securely stored in the cloud
| Feature | Tech Used |
|---|---|
| Frontend | Next.js 14 (App Router) |
| Authentication | Clerk |
| Backend ORM | Prisma |
| Database | NeonDB (PostgreSQL) |
| Styling | Tailwind CSS |
| Icons & UI | Lucide, Shadcn UI |
| Hosting | Vercel |
First, clone the repo and install dependencies:
git clone https://github.com/your-username/fynly.git
cd fynly
npm install
Create a .env file and add your credentials:
DATABASE_URL=your_neon_db_url
CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key
CLERK_SECRET_KEY=your_clerk_secret_key
npx prisma generate
npx prisma db push
npm run dev
π§ Future Roadmap
π€ AI-generated financial plans
π Monthly analytics and insights
π Overspending alerts
π€ Export reports as PDF/CSV
π¨βπΌ Shareable plans with accountability partners