Web Interface

This is the main production interface used by content managers and administrators to manage inventory data.

What You Can Do

The web interface is the primary tool for day-to-day work with the inventory. Through it, users can:

• Browse and search items, partners, collections, projects, and all other entities
• Create and edit inventory records with full validation and multi-language support
• Organise content into collections, exhibitions, galleries, and thematic trails
• Upload and manage images — attach photos to items, collections, and partners
• Manage users and permissions — control who can view, create, edit, or delete records

Each entity type is colour-coded for visual clarity, making it easy to navigate between different areas of the system.

How It Works

The interface is server-rendered: pages are built on the server and delivered as complete HTML. Interactive elements (inline editing, toggling, image management) use Livewire and Alpine.js to update the page without full reloads.

For development setup instructions, see the Development Setup guide.

Developer Documentation

The sections below cover how the frontend is built — useful for developers extending or maintaining the interface.

• Components — Reusable Blade components (forms, tables, cards, buttons, etc.)
• Livewire — Reactive component patterns
• Alpine.js — Client-side interaction patterns
• Styling — Tailwind CSS conventions and entity colour system
• Views — Page structure and entity views
• Routing — Web route conventions
• Guidelines — Frontend development standards
• Testing — How to test frontend components

Related Documentation

• Core Concepts — Understand the business model
• Database Models — Data structure reference
• API Documentation — REST API for programmatic access

For the Vue.js sample application (a reference for external API consumers), see Vue.js Sample App.