An open API service indexing awesome lists of open source software.

https://github.com/ryanbakker/finova

The first step is knowing your numbers. Our platform helps you track and visualise your financial habits. Effectively save and plan for your future.
https://github.com/ryanbakker/finova

clerk clerk-auth clerk-authentication clerkauth eslint finance finance-management financial-analysis mongodb nextjs nextjs15 react reactjs shadcn shadcn-ui tailwindcss tremor tremor-ui turbopack vercel

Last synced: 3 months ago
JSON representation

The first step is knowing your numbers. Our platform helps you track and visualise your financial habits. Effectively save and plan for your future.

Awesome Lists containing this project

README

          

# ๐Ÿ’ฐ Finova

**Modern Personal Finance Management Platform**

[![Next.js](https://img.shields.io/badge/Next.js-15.5.2-black?style=for-the-badge&logo=next.js)](https://nextjs.org/)
[![React](https://img.shields.io/badge/React-19.1.1-blue?style=for-the-badge&logo=react)](https://reactjs.org/)
[![TypeScript](https://img.shields.io/badge/TypeScript-5.9.2-blue?style=for-the-badge&logo=typescript)](https://www.typescriptlang.org/)
[![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-4.1.13-38B2AC?style=for-the-badge&logo=tailwind-css)](https://tailwindcss.com/)
[![MongoDB](https://img.shields.io/badge/MongoDB-6.19.0-green?style=for-the-badge&logo=mongodb)](https://www.mongodb.com/)

_Take control of your financial future with intelligent insights and beautiful design_

[๐Ÿš€ Live Demo](#-live-demo) โ€ข [๐Ÿ“‹ Features](#-features) โ€ข [๐Ÿ› ๏ธ Tech Stack](#๏ธ-tech-stack) โ€ข [๐Ÿ“ฑ Screenshots](#-screenshots)

---

## ๐ŸŒŸ Overview

**Finova** is a comprehensive personal finance management platform designed to help you understand, track, and optimize your financial health. Built with modern web technologies, it offers an intuitive interface for managing all aspects of your financial life.

### โœจ Key Highlights

- ๐ŸŽฏ **All-in-One Dashboard** - Comprehensive financial overview at a glance
- ๐Ÿ”’ **Bank-Level Security** - Secure authentication with Clerk
- ๐Ÿ“ฑ **Mobile-First Design** - Responsive across all devices
- ๐ŸŒ™ **Dark/Light Mode** - Beautiful themes for any preference
- ๐Ÿ“Š **Real-Time Analytics** - Live financial insights and trends
- ๐ŸŽจ **Modern UI/UX** - Built with Radix UI and Tailwind CSS

---

## ๐Ÿš€ Live Demo

> **Coming Soon** - Finova is currently in active development. Stay tuned for the public launch!

[![Portfolio](https://img.shields.io/badge/Portfolio-ryanbakker.vercel.app-000000?style=for-the-badge&logo=next.js)](https://ryanbakker.vercel.app)

---

## ๐Ÿ“‹ Features

### ๐Ÿ’ณ **Transaction Management**

- **Smart Categorization** - AI-powered automatic transaction categorization
- **Multi-Account Support** - Track transactions across multiple accounts
- **Advanced Filtering** - Filter by date, category, amount, and more
- **Bulk Operations** - Efficiently manage multiple transactions

### ๐Ÿ“Š **Budgeting & Planning**

- **Visual Budget Tracking** - Beautiful charts and progress indicators
- **Category-Based Budgets** - Set limits for different spending categories
- **Budget Alerts** - Get notified when approaching limits
- **Monthly/Weekly Views** - Flexible time period analysis

### ๐ŸŽฏ **Financial Goals**

- **Goal Setting** - Create and track financial milestones
- **Progress Visualization** - Visual progress bars and completion tracking
- **Priority Management** - Organize goals by importance
- **Target Dates** - Set and track goal deadlines

### ๐Ÿ’ฐ **Asset & Liability Tracking**

- **Asset Management** - Track investments, savings, and property
- **Liability Monitoring** - Manage debts and loans
- **Net Worth Calculation** - Real-time net worth tracking
- **Value History** - Track asset value changes over time

### ๐Ÿ“ˆ **Analytics & Reports**

- **Income vs Spending** - Visual comparison charts
- **Category Breakdown** - Detailed spending analysis
- **Trend Analysis** - Historical data visualization
- **AI-Generated Insights** - Smart financial recommendations

### ๐Ÿงพ **Bill Management**

- **Bill Tracking** - Monitor upcoming and recurring bills
- **Due Date Alerts** - Never miss a payment
- **Payment History** - Track bill payment patterns
- **Recurring Bills** - Automate recurring bill management

---

## ๐Ÿ› ๏ธ Tech Stack

### **Frontend**

- **Framework**: Next.js 15.5.2 with App Router
- **UI Library**: React 19.1.1
- **Styling**: Tailwind CSS 4.1.13
- **Components**: Radix UI primitives
- **Charts**: Recharts for data visualization
- **Icons**: Lucide React & Remix Icons
- **State Management**: React Hooks & Context

### **Backend & Database**

- **Runtime**: Node.js with Next.js API routes
- **Database**: MongoDB with Mongoose ODM
- **Authentication**: Clerk for secure user management
- **Data Validation**: TypeScript for type safety

### **Development & Deployment**

- **Language**: TypeScript 5.9.2
- **Package Manager**: pnpm
- **Linting**: ESLint with TypeScript support
- **Deployment**: Vercel (planned)
- **Analytics**: Vercel Analytics & Speed Insights

### **UI/UX Libraries**

- **Date Handling**: date-fns & React Day Picker
- **Animations**: Framer Motion (planned)
- **Theme**: next-themes for dark/light mode
- **Forms**: React Hook Form with validation

---

## ๐Ÿ“ฑ Screenshots

### ๐Ÿ–ฅ๏ธ Desktop Views

#### Light Mode


Dashboard - Light Mode

Main Dashboard - Light



Transactions - Light Mode

Transaction Management - Light


#### Dark Mode


Dashboard - Dark Mode

Main Dashboard - Dark



Transactions - Dark Mode

Transaction Management - Dark


### ๐Ÿ“ฑ Mobile Views

#### Light Mode


Mobile Navigation - Light Mode

Mobile Navigation - Light



Mobile Transactions - Light Mode

Mobile Transactions - Light


#### Dark Mode


Mobile Navigation - Dark Mode

Mobile Navigation - Dark



Mobile Transactions - Dark Mode

Mobile Transactions - Dark


---

## ๐Ÿค Contributing

We welcome contributions! Here's how you can help:

### **Ways to Contribute**

- ๐Ÿ› **Report Bugs** - Found an issue? Let us know!
- ๐Ÿ’ก **Feature Requests** - Have ideas? We'd love to hear them!
- ๐Ÿ“– **Documentation** - Help improve our docs
- ๐ŸŽจ **UI/UX Feedback** - Share your design insights
- โญ **Star the Repo** - Show your support!

### **Getting Started with Contributions**

1. Fork the repository
2. Create a feature branch (`git checkout -b feature/amazing-feature`)
3. Commit your changes (`git commit -m 'Add amazing feature'`)
4. Push to the branch (`git push origin feature/amazing-feature`)
5. Open a Pull Request

---

## ๐Ÿ“„ License

This project is licensed under the Creative Commons Attribution-NonCommercial 4.0 International License - see the [LICENSE.md](LICENSE.md) file for details.

---

## ๐Ÿ‘จโ€๐Ÿ’ป About the Developer

**Ryan Bakker** - Full Stack Developer

- ๐ŸŒ **Portfolio**: [ryanbakker.vercel.app](https://ryanbakker.vercel.app)
- ๐Ÿ’ผ **LinkedIn**: [Connect with me](https://linkedin.com/in/ryanbakker)
- ๐Ÿ™ **GitHub**: [@ryanbakker](https://github.com/ryanbakker)

---

## ๐Ÿ™ Acknowledgments

- **Next.js Team** - For the amazing React framework
- **Vercel** - For the deployment platform and analytics
- **Clerk** - For secure authentication
- **Radix UI** - For accessible component primitives
- **Tailwind CSS** - For the utility-first CSS framework
- **MongoDB** - For the flexible database solution

---

### โญ Star this repository if you found it helpful!

**Built with โค๏ธ by [Ryan Bakker](https://ryanbakker.vercel.app)**

[![GitHub stars](https://img.shields.io/github/stars/ryanbakker/finova?style=social)](https://github.com/ryanbakker/finova)
[![GitHub forks](https://img.shields.io/github/forks/ryanbakker/finova?style=social)](https://github.com/ryanbakker/finova)