Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pakagronglb/fintrackr-finance-saas
FinTrackr is a modern, full-stack financial management platform that helps users track their expenses, manage budgets, and gain insights into their financial health. Built with the latest web technologies and best practices in mind.
https://github.com/pakagronglb/fintrackr-finance-saas
finance hono nextjs saas
Last synced: 2 days ago
JSON representation
FinTrackr is a modern, full-stack financial management platform that helps users track their expenses, manage budgets, and gain insights into their financial health. Built with the latest web technologies and best practices in mind.
- Host: GitHub
- URL: https://github.com/pakagronglb/fintrackr-finance-saas
- Owner: pakagronglb
- Created: 2025-01-04T06:34:48.000Z (4 days ago)
- Default Branch: main
- Last Pushed: 2025-01-04T07:49:09.000Z (3 days ago)
- Last Synced: 2025-01-04T09:04:33.346Z (3 days ago)
- Topics: finance, hono, nextjs, saas
- Language: TypeScript
- Homepage: https://fintrackr-finance-saas.vercel.app/
- Size: 1.17 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 💰 FinTrackr - Modern Financial Management Platform
[](https://nextjs.org/)
[](https://www.typescriptlang.org/)
[](https://reactjs.org/)
[](https://tailwindcss.com/)
[](https://orm.drizzle.team/)
[](https://plaid.com/)
[](https://clerk.dev/)
## 🌟 Project Overview
FinTrackr is a modern, full-stack financial management platform that helps users track their expenses, manage budgets, and gain insights into their financial health. Built with the latest web technologies and best practices in mind.
## ✨ Features
- 🔐 Secure authentication with Clerk
- 💳 Bank integration using Plaid API
- 📊 Interactive financial dashboards and charts
- 💰 Expense tracking and categorization
- 📱 Responsive design for all devices
- 🌓 Dark/Light mode support
- 📈 Real-time financial analytics
- 🔄 CSV import/export functionality
## 🛠️ Tech Stack
- **Framework:** Next.js 14 with App Router
- **Language:** TypeScript
- **Styling:** Tailwind CSS
- **Database:** NeonDB (Postgres) with DrizzleORM
- **Authentication:** Clerk
- **Financial Integration:** Plaid
- **State Management:** Zustand
- **Charts:** Recharts
- **UI Components:**
- Radix UI
- Shadcn/ui
- React Hook Form
- Zod Validation
- **API Integration:** Hono & TanStack Query
- **Development:** ESLint, Bun
## 🚀 Getting Started
1. Clone the repository
```bash
git clone https://github.com/pakagronglb/fintrackr-finance-saas.git
```
2. Install dependencies
```bash
bun install
```
3. Set up environment variables
```bash
cp .env.example .env
```
4. Set up your database
```bash
bun db:generate
bun db:migrate
```
5. Run the development server
```bash
bun dev
```
## 🌐 Environment Variables
Create a `.env` file with the following variables:
```bash
# Clerk Authentication
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=''
CLERK_SECRET_KEY=''
CLERK_PUBLISHABLE_KEY=''
NEXT_PUBLIC_CLERK_SIGN_IN_URL='/sign-in'
NEXT_PUBLIC_CLERK_SIGN_UP_URL='/sign-up'
# Database
DATABASE_URL=''
# App
NEXT_PUBLIC_APP_URL='http://localhost:3000'
# Plaid
PLAID_CLIENT_TOKEN=''
PLAID_SECRET_TOKEN=''
# LemonSqueezy
LEMONSQUEEZY_STORE_ID=''
LEMONSQUEEZY_PRODUCT_ID=''
LEMONSQUEEZY_API_KEY=''
```
## 📝 Credits
This project was built following the excellent tutorial by [Code With Antonio](https://www.youtube.com/watch?v=N_uNKAus0II). Special thanks to Antonio for providing such comprehensive guidance on building modern full-stack applications.
## 📄 License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## 🤝 Contributing
Contributions, issues, and feature requests are welcome! Feel free to check the [issues page](issues).
---
⭐️ If you found this project helpful, please give it a star!