Finance App is a web application that allows you to track your personal finances. This project helps users monitor their income and expenses. The application features a user-friendly interface and offers a variety of functionalities.
- Transaction Viewing: View a list of all your transactions.
- Transaction Filtering: Filter transactions by account and date range.
- Add/Edit/Delete Accounts: Easily manage your accounts.
- Add/Edit/Delete Categories: Organize your transactions by categorizing them.
- Add New Transaction: Quickly add new transactions with details like date, account, category, recipient, amount, and notes.
- Next.js: Framework
- TypeScript: Programming Language
- TanStack Query (React Query): Data fetching, caching, and updating
- Date-fns: Date and time handling
- Tailwind CSS: Styling
- shadcn-ui: UI Components
- Zustand: State Management
- React Hook Form: Form Management
- Recharts: Charts
- Drizzle ORM with PostgreSQL: Database
- Clerk: Authentication
Follow the steps below to run the project locally:
First, install the necessary dependencies:
npm install
To run the application locally:
npm run devThis command will start the development server and open the application in your browser at http://localhost:3000.
To build the application for production:
npm run build- dev: Starts the development server.
- build: Builds the application for production.
- start: Starts the application in production mode.
- lint: Runs ESLint to check the code.
- db:generate: Generates the database schema.
- db:migrate: Runs the database migrations.
- db:seed: Runs custom database scripts.
- db:studio: Opens the Drizzle ORM studio.
You can check out the live demo of the application here.