ilia
01ac792cfc
CI / skip-ci-check (pull_request) Successful in 32s
CI / docker-ci (pull_request) Successful in 32s
CI / python-lint (pull_request) Successful in 34s
CI / secret-scan (pull_request) Successful in 40s
CI / viewer-unit (pull_request) Successful in 1m46s
CI / e2e (pull_request) Successful in 1m51s
CI / admin-unit (pull_request) Successful in 2m0s
Admin brand PNGs were gitignored so /brand/* 404'd to SPA HTML; track the same assets as the viewer and map gray/blue page classes to semantic theme tokens so admin matches viewer styling.
PunimTag Frontend
React + Vite + TypeScript frontend for PunimTag.
Setup
cd frontend
npm install
Development
Start the dev server:
npm run dev
The frontend will run on http://localhost:3000
Make sure the backend API is running on http://127.0.0.1:8000
Default Login
- Username / password: set
ADMIN_USERNAME/ADMIN_PASSWORDin.env(never commit real values)
Features (Phase 1)
- ✅ Login page with JWT authentication
- ✅ Protected routes with auth check
- ✅ Navigation layout (left sidebar + top bar)
- ✅ Dashboard page (placeholder)
- ✅ Search page (placeholder)
- ✅ Identify page (placeholder)
- ✅ Auto-Match page (placeholder)
- ✅ Tags page (placeholder)
- ✅ Settings page (placeholder)
Project Structure
frontend/
├── src/
│ ├── api/ # API client and endpoints
│ ├── components/ # React components
│ ├── hooks/ # Custom React hooks
│ ├── pages/ # Page components
│ ├── App.tsx # Main app component
│ ├── main.tsx # Entry point
│ └── index.css # Tailwind CSS
├── index.html
├── package.json
├── vite.config.ts
└── tailwind.config.js