Compare commits

..

12 Commits

Author SHA1 Message Date
Kenan Alić
9e77e98349 Post-release styling pass
All checks were successful
Build / build (push) Successful in 22s
2025-10-24 03:23:25 +02:00
Kenan Alić
6fdaa16610 Version 1.0 squash 2025-10-24 03:23:19 +02:00
Kenan Alić
4d52f14287 Added build support for ci 2025-10-24 03:19:05 +02:00
Kenan Alić
97fb5175f6 Added format support for ci 2025-10-24 03:09:08 +02:00
Kenan Alić
a07020bea6 Added shadcn dashboard block 2025-10-24 03:09:08 +02:00
Kenan Alić
673a80485f Added shadcn 2025-10-24 02:53:18 +02:00
Kenan Alić
08e6b09d43 Added prettier-plugin-tailwindcss 2025-10-24 02:53:18 +02:00
Kenan Alić
68cea5d699 Added Tailwind CSS 2025-10-24 02:53:18 +02:00
Kenan Alić
23752a9c6c Added wouter for hash-based routing 2025-10-24 02:53:18 +02:00
Kenan Alić
18107b71ef Tidied Vite react-ts template 2025-10-24 02:53:18 +02:00
Kenan Alić
5daa488400 Added Vite react-ts template 2025-10-24 02:53:18 +02:00
Kenan Alić
f17d11bb35 Added license 2025-10-24 02:53:05 +02:00
5 changed files with 0 additions and 90 deletions

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 88 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 60 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 89 KiB

View File

Binary file not shown.

Before

Width:  |  Height:  |  Size: 95 KiB

View File

@@ -1,90 +0,0 @@
# Kiosk
A modern office/building information display system built with React and PocketBase. Provides an interactive interface for building navigation, company directory, and bulletin notices.
## Features
- **Interactive Floor Plans** - Navigate multi-story buildings with annex filtering, room highlighting, and company logo positioning
- **Company Directory** - Browse tenant companies with contact information and visual cards
- **Bulletin Board** - Display important notices and announcements
- **Static Hosting Ready** - Hash-based routing for deployment anywhere
## Screenshots
### Bulletin Board
![Bulletin Board](media/Screen%20Shot%202025-10-24%20at%2019.06.12-fullpage.png)
### Company Directory
![Company Directory](media/Screen%20Shot%202025-10-24%20at%2019.11.06-fullpage.png)
### Floor Plan Navigation
![Floor Plan Navigation](media/Screen%20Shot%202025-10-24%20at%2019.18.46-fullpage.png)
### About Page
![About Page](media/Screen%20Shot%202025-10-24%20at%2019.21.03-fullpage.png)
## Setup
### Prerequisites
- **pnpm** 8+ (package manager)
- **PocketBase** (backend database)
### PocketBase Setup
1. Download PocketBase from [pocketbase.io](https://pocketbase.io)
2. Initialize the database:
```bash
./pocketbase serve
```
3. Import the schema from `schema/pb_schema.json` via the PocketBase admin UI (_Settings > Import collections_)
### Web Frontend
Install dependencies:
```bash
cd web
pnpm install
```
#### Development Mode
Run the development server:
```bash
make web-dev
# or
cd web && pnpm dev
```
The app will be available at `http://localhost:5173`
#### Production Build
Build for production:
```bash
make web-build
# or
cd web && pnpm build
```
Built files will be in `web/dist/` - ready for static hosting.
### Additional Commands
```bash
make web-lint # Run ESLint
make web-format # Format code with Prettier
make web-preview # Preview production build
```
## Tech Stack
- **Frontend**: React 19, TypeScript, Vite, Tailwind CSS
- **UI Components**: shadcn/ui
- **Routing**: Wouter (hash-based)
- **Backend**: PocketBase
- **Build**: Vite with Rolldown (beta)
## License
MIT License - Copyright © 2025 "NABLA" d.o.o. Zenica