@nhandt/expense-management
v0.0.4
Published
A modern expense management web application using React 19, Ant Design 5, Vite, and TypeScript.
Readme
Expense Management System
A modern web application for managing costs, contracts, and vendors in your organization.
Features
- Contract and vendor management
- Cost type and contract type management
- Document status tracking
- Advanced search and filtering
- Responsive UI with Ant Design
- Pagination, sorting, and custom table views
- Role-based access control
Tech Stack
- Node.js 20+
- React 18+
- TypeScript
- Vite
- Ant Design
Project Structure
├── public/ # Static assets
├── src/
│ ├── assets/ # Images, SVGs
│ ├── components/ # Reusable UI components
│ ├── config/ # App configuration (endpoints, routes)
│ ├── helpers/ # Helper functions
│ ├── hooks/ # Custom React hooks
│ ├── layouts/ # Layout components
│ ├── pages/ # Page-level components
│ ├── redux/ # Redux store and slices
│ ├── types/ # TypeScript types
│ └── utils/ # Utility functions
├── package.json # Project metadata and scripts
├── vite.config.ts # Vite configuration
├── tsconfig.json # TypeScript configuration
└── README.md # Project documentationGetting Started
Prerequisites
- Node.js v20 or higher
- Yarn (recommended)
Installation
# Install dependencies
yarn installDevelopment
# Start the development server
yarn devBuild
# Build for production
yarn buildLint & Format
# Lint code
yarn lint
# Format code
yarn formatContribution
- Fork this repository
- Create a new branch (
git checkout -b feature/your-feature) - Commit your changes (
git commit -am 'Add new feature') - Push to the branch (
git push origin feature/your-feature) - Create a Pull Request
License
This project is licensed under the MIT License.
