
Product Specs
| Created by | Kiaan_technology |
|---|---|
| File type | ZIP |
| File size | 16.61 MB |
| Date of Creation | October 29 2026 |
| Color | brown gray orange yellow |
| Rating | 5 (13) |
| Category |
Demo link – https://vanuitambatch.kiaantechnology.online/customer/photos
Vanuit Ambacht – Artisan Craftsman SaaS Management Portal
Short Description
Vanuit Ambacht is an enterprise-grade, multi-role SaaS management platform designed for bespoke woodworking ateliers, luxury outdoor kitchens, garden rooms, and custom joinery businesses. Built with React 19, Tailwind CSS, and Vite, it connects administrators, craftsman partners, and customers through a unified, responsive workspace. The platform includes lead management, quotation generation, project tracking, invoicing, bookkeeping, partner coordination, and customer communication tools.
Category: SaaS / Business Management / Admin Dashboard
Project Type: React Web Application UI Template
Technology Stack: React 19, Vite 8, Tailwind CSS 3.4, React Router DOM 7, Lucide React, Framer Motion 12, jsPDF, html2canvas, Oxlint
Key Features
Role-based portals for Admin, Partner, and Customer.
Demo authentication with quick role switching.
Public quote approval through token-based links.
Executive dashboard with lead, proposal, project, and revenue KPIs.
Lead management with an eight-stage workflow pipeline.
Dynamic quotation builder with discounts, 21% VAT calculations, and six-page PDF generation.
Project tracking for outdoor kitchens and garden rooms.
Bookkeeping tools with bank statement parsing, payment reconciliation, journal entries, VAT return overviews, and profit and loss reports.
Invoice generation with payment terms, automatic numbering, and downloads.
Craftsman partner directory with specializations, project assignments, and performance metrics.
Centralized project inbox, live chat interface, and conversation history.
Document vault for blueprints, contracts, maintenance guides, and technical specifications.
Partner portal with assigned projects, price requests, installation planning, and schedules.
Customer portal with project progress, design renders, material details, quotations, payment tracking, and warranty documents.
Bilingual interface supporting English and Dutch.
Responsive design with a warm artisan-inspired color palette.
System Requirements
Node.js 18 or higher
npm 9 or higher
Modern web browser
Installation
1. Extract or clone the project files.
2. Open the project directory named vanuit-ambacht.
3. Run npm install to install dependencies.
4. Optionally copy .env.example to .env.
5. Run npm run dev to start the development server.
6. Open http://localhost:5173 in your browser.
Production Build
Run npm run build to generate optimized static assets in the dist directory.
Run npm run preview to preview the production build locally.
Run npm run lint to perform code quality checks.
Users can also switch between demo roles using the available buttons on the login screen.
Deployment
The application builds as a static single-page application and can be deployed to Netlify, Vercel, Cloudflare Pages, AWS S3, or other compatible static hosting services. Configure client-side routing fallback to index.html where required.
License: Commercial license for template and marketplace distribution. All rights reserved.
Important Note: The application includes demo users and mock data. Configure the appropriate backend, authentication, data storage, and security controls before using it for real business operations.








