Zen Finance

A modern finance tracking application built with Next.js and Tailwind CSS.

🌐 Live Demo

Check out the live version of the app: (https://zen-finance.vercel.app/).

Getting Started

These instructions will get your copy of the project up and running on your local machine for development purposes.

Prerequisites

• Node.js (v18.18.0 or higher)
• npm or yarn

Installation

1. Clone the repository

git clone https://github.com/yourusername/zen-finance.git
cd zen-finance

2. Install dependencies

npm install
# or
yarn install

3. Start the development server

npm run dev
# or
yarn dev

Built With

• Next.js - The React framework
• Tailwind CSS - Utility-first CSS framework
• TypeScript - JavaScript with syntax for types

Notes on Tailwind CSS Setup

This project uses Tailwind CSS v4.0 with Next.js. The setup includes:

1. Custom font size configuration to match the original rem-based design
2. CSS variables for colors and gradients to maintain consistency
3. Custom component classes via @layer components
4. Animation styles in a separate file for better organization

For more information on customizing Tailwind CSS, see the Tailwind CSS documentation.