Fixed Asset Management System

Spring Boot & Vue.js | Cloud-based Web Application for Asset Management

NCPL（Non-Commercial Public License）

🌟 Project Overview

This is a full-stack Fixed Asset Management System built with Spring Boot and Vue.js, designed for managing fixed assets within facilities. The system includes:

• Purchase and maintenance record management
• Asset write-off tracking
• Status monitoring and reporting

The system is cloud-based, significantly reducing IT infrastructure costs and improving usability, with no installation required.

Due of temporary maintenance the demo website, please using same username and password to login to 🔗 Nest.Js + Angular version

Username: Demo
Password: 888888

Note: Backend & Database hosted on Koyeb, Frontend on Firebase. Initial data load may take a few seconds. If cannot load the verification code, please click the "Reset" button.

📸 Example Screenshots

Dashboard Overview

Asset List View

Asset Maintenance Records

Asset Write-Off Management

🚀 Key Features

• Comprehensive Asset Management: Manage asset status, purchase records, maintenance schedules, and write-offs.
• Secure Authentication & Authorization: Utilizes JWT tokens for enhanced security and data protection.
• Cloud-Based Architecture: Easy deployment and access without installation, lowering operational costs.
• Real-Time Data Visualization: Integrated Chart.js for graphical representation of asset data.

⚙️ Tech Stack

Frontend:

• Vue 2.6.10
• Node.js 16.20
• Typescript
• Tailwind CSS
• Chart.js 2.9.3
• xlsx, jspdf for reporting and data export

Backend:

• Spring Boot 2.4.13
• MyBatis 3.4.1 for database interaction
• MySQL v8
• Spring-Doc OpenAPI UI 1.6.15 for API documentation

🛠️ Core Functionalities

• Asset Registration & Tracking: Record and track fixed assets with detailed status and information.
• Expenditure & Maintenance Management: Log asset purchase, maintenance, and write-off records for better financial control.
• Dynamic Reporting: Showing chart graphs and generate PDF and Excel reports for easy analysis and sharing.

📋 How to Run the Project

Backend

// Go to the backend's file directory
cd backend-java
// Install dependencies using maven
mvn install
// or
mvn clean install -X
// Run the backend
mvn spring-boot:run
// Packing the backend
mvn package
// API Documentation URL
http://localhost:8350/swagger-ui.html

Frontend

// Go to the frontend's file directory
cd frontend-ts-class
// Install dependencies (npm)
npm run install
// Or install dependencies (yarn)
yarn install
// Run the frontend
npm run start
// or
yarn start
// Build the frontend
npm run build

🌐 Deployment

• Datebase & Backend: Koyeb AWS Clouds(From Mar 24, 2025)
• Frontend: Firebase Hosting

📈 Business Impact

• Reduced Operational Costs by eliminating the need for desktop installations.
• Improved Data Security through JWT-based user authentication.
• Enhanced Decision-Making with real-time data visualization and comprehensive reporting.