PayBook

PayBook is a professional Expense Manager application designed to help users efficiently track and manage their day-to-day expenses. It provides a clean, intuitive interface for visualizing spending patterns and maintaining financial control.

Live Demo

Live Demo

Features

• Track daily expenses with ease
• Categorize expenses for better financial insights
• Visualize spending trends using interactive charts
• Responsive and user-friendly interface

Tech Stack

• Frontend: React with Vite, Chart.js
• Backend: Spring Boot with Hibernate ORM
• Database: PostgreSQL

Folder Structure

paybook/
├── backend/           # Spring Boot backend
│   ├── src/main/java  # Java source files
│   └── src/main/resources # Configurations
├── frontend/          # React frontend
│   ├── src/           # React components, services, assets
│   └── public/        # Public assets
└── README.md

Installation & Setup

Backend

1. Clone the repository:

git clone https://github.com/amaldevcm/Paybook.git
cd paybook/backend

2. Set up PostgreSQL database and update application.properties with your database credentials.
3. Build and run the Spring Boot application:

./mvnw spring-boot:run

Frontend

1. Navigate to the frontend directory:

cd ../frontend

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open the application in your browser at http://localhost:5173.