/finguard

Primary LanguageTypeScript

Welcome to FinGuard!

This is a Finance Tracking project written using MERN Stack.

Main Features

  • Build with Nextjs14
  • Data validator with zod
  • Authentication by clerk
  • Interactive dashboard page
  • Changeable chart types
  • Accounts and Date filters
  • Custom React form
  • CSS with Tailwindcss and Shadcn UI
  • NenoDB(Serverless Prostgress) and Drizzle ORM

How to Run

First, create .env.local file in root.

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_URL=
NEXT_PUBLIC_APP_URL=http://localhost:3000

Secondly, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Screenshots

01-Login 02-Dashboard 03-Transactions 04-AddTransactions 05-Accounts 06-Categories