T3 Budgeteer
A simple and modern budgeting app built with Next.js, Tailwind CSS, and TypeScript. Features clean UI, modular components, and a foundation based on the T3 Stack.
Requirements
- nodejs (20.9.0 or later) https://nodejs.org/en
- bun (1.1.13 or later) https://bun.sh/ (recommended)
- pnpm (8.10.5) or Node package manager https://pnpm.io/
Getting Started
Setting Environment Variables
Open your terminal, navigate to the root directory of the project and execute the following command:
cp .env.example .env
This command copies the provided example file for local environment variables. Now, proceed to fill in the values for the following environmental variables in the newly created .env file.
Installation
First, install dependencies:
bun install
# or
pnpm install
# or
npm install
Run the development server:
bun dev
# or
pnpm dev
# or
npm run dev
Open http://localhost:3000 with your browser to see the result.
Key Features
- Build with Next.js 14(App Router)
- Fast and lightweight Hono API web framework
- Drizzle ORM to interact with Neon Postgresql serverless database
- Build with [Shadcn UI](https://ui.shadcn.com/, HeadlessUI, React Icons, TypeScript & Tailwind CSS
- Authentication and Authorization with Clerk
- Beautifully crafted dashboard widgets
- Charts are built on top of Recharts package with limitless customization
- A mobile friendly controlled TanStack Table component for display any kind of large amount of data with pagination, filtering and sorting options
Key Features
Technologies Used
