• 🔑 Role Based Authentication
• 🛒 Transactions Management
• 📦 Customers Management
• 🧾 Log Activites tracking
• 📂 Invoice Share and Download

See the backend repository here

1. Clone this repository

   git clone https://github.com/junaediakbar/laundry-fe.git

2. Copy .env.example to .env

3. Install dependencies

   npm install
   yarn

4. Run it on your machine

   npm run dev
   yarn dev

• NextJS 14
• Typescript
• headless/ui
• radix/ui
• react hook form
• State management with Zustand
• Manage table with Tanstack
• jspdf
• Jest
• Commit management with husky
• Deploy with Vercel
• Components UI mostly used Aether Design System

Set your services in services.ts with format object like this

const services = [
   {
      name: 'cuci-lipat',
      value: 'Cuci Lipat',
      price: 6000,
   },
   ...
];

Downloadable receipt and readable statistic Data based on date

Searcable customers data, autocomplete selected customer data

Shareable and downlaodable Nota as PDF

Because the website only for internal (not public). I made this user-password actions. So whenever the user do an action, it will watch in Activities tab. Set them in users.ts

const cashierData = [
   {
      name: 'admin',
      password: 'admin123',
   },
...
]

User available:

Vercel Demo