Finance App Monorepo

A full-stack finance management application built with React and Express.

Structure

apps/
├── web/          # React + Vite frontend
└── api/          # Express.js backend

packages/
└── shared/       # Shared utilities and constants

Getting Started

Prerequisites

• Node.js 18+
• MySQL database

Installation

# Install all dependencies
npm install

# Start development servers (frontend + backend)
npm run dev

# Build all apps
npm run build

# Start production servers
npm run start

Development

Individual Apps

# Run only frontend
npm run dev --filter=@finance-app/web

# Run only backend
npm run dev --filter=@finance-app/api

Environment Variables

Create .env file in apps/api/:

PORT=5000
DB_HOST=localhost
DB_USER=root
DB_PASSWORD=your_password
DB_NAME=finance_db
JWT_SECRET=your_jwt_secret

Features

• 📊 Dashboard with charts
• 💰 Transaction management
• 🌐 Arabic & English support (RTL)
• 🔐 JWT Authentication
• 📱 Responsive Glassmorphism UI

Tech Stack

Frontend: React, Vite, Tailwind CSS, Chart.js, i18next Backend: Express.js, MySQL, JWT, Joi validation Tooling: Turborepo, npm workspaces