Skip to main content

​
Laundry Management System - Frontend

A Vue.js application that serves as the frontend for a laundry management system. This application provides user interface for managing customers, branches, vouchers, and transactions.

​
Technologies Used

​
Prerequisites

  • Node.js 16.x or higher
  • npm 7.x or higher

​
Installation

Several quick start options are available:
  1. Clone the repo: git clone https://github.com/initheo/Final-Project-Laundry.git
  2. Navigate to the frontend directory: cd Final-Project-Laundry/Frontend
  3. Install dependencies using npm
  4. Update the API configuration in .env
  5. Run the development server
  6. Build for production
  7. Done
Read the documentation page for more information on the framework contents, templates and examples, and more.

​
Project Structure

Frontend/
├── src/
│   ├── components/
│   ├── pages/
│   ├── router/
│   ├── stores/
│   ├── types/
│   ├── App.vue
│   └── main.ts
├── public/
├── .env
├── index.html
├── package.json
├── tailwind.config.js
├── tsconfig.json
└── vite.config.ts

​
Configuration

​
API Configuration

Update .env: 
VITE_API_URL=your_backend_api_url

​
Running the Application

​
Using npm

# Install dependencies
npm install

# Run the development server
npm run dev

# Build for production
npm run build
The development server will start on port 5173 by default.