Compare commits

..

13 Commits

Author SHA1 Message Date
Kenan Alić
1d05072d52 Post-release styling pass
All checks were successful
Build / build (push) Successful in 24s
2025-10-24 19:27:17 +02:00
Kenan Alić
81ff34e16a Added readme 2025-10-24 19:27:08 +02:00
Kenan Alić
0240efe911 Added license 2025-10-24 19:25:46 +02:00
Kenan Alić
a481044c43 Version 1.0 squash 2025-10-24 19:25:46 +02:00
Kenan Alić
8c1f041fa0 Added build support for ci 2025-10-24 19:24:46 +02:00
Kenan Alić
7671a2cd03 Added format support for ci 2025-10-24 19:24:46 +02:00
Kenan Alić
ad9f708f69 Added shadcn dashboard block 2025-10-24 19:24:46 +02:00
Kenan Alić
e24debfc74 Added shadcn 2025-10-24 19:24:46 +02:00
Kenan Alić
c7901688a5 Added prettier-plugin-tailwindcss 2025-10-24 19:24:46 +02:00
Kenan Alić
7b371c1378 Added Tailwind CSS 2025-10-24 19:24:46 +02:00
Kenan Alić
48e2008b5c Added wouter for hash-based routing 2025-10-24 19:24:46 +02:00
Kenan Alić
aa11d79bf2 Tidied Vite react-ts template 2025-10-24 19:24:46 +02:00
Kenan Alić
ccfdf414a5 Added Vite react-ts template 2025-10-24 19:24:46 +02:00
6 changed files with 91 additions and 1 deletions

View File

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

View File

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

View File

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 KiB

View File

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 KiB

90
readme.md Normal file
View File

@@ -0,0 +1,90 @@
# 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

View File

@@ -22,7 +22,7 @@ const getPocketBaseUrl = (): string => {
} }
/* Production URL - configure via build process or use relative URL */ /* Production URL - configure via build process or use relative URL */
return import.meta.env.VITE_POCKETBASE_URL || "https://api.yourdomain.com"; return import.meta.env.VITE_POCKETBASE_URL || "http://localhost:8090";
}; };
/** /**