Personalni AI savjetnik za stil brade. Korisnik uploada fotografiju lica, Claude AI analizira oblik lica i preporučuje optimalne stilove brade iz galerije ilustracija u tehnici grafitne olovke.
Alat je namijenjen brijačnicama, frizerima i entuzijastima koji žele pronaći idealan stil brade.
| Sloj | Stack |
|---|---|
| Frontend | React 18, React Router, Tailwind CSS, Zustand |
| Backend | Node.js, Express, Multer, ImageMagick |
| Baza | PostgreSQL 14 |
| AI | Claude API (Anthropic) — analiza lica i preporuke |
| DevOps | Docker, Docker Compose |
- Docker Desktop (uključuje Docker Compose)
- Git
- Claude API ključ — console.anthropic.com
git clone https://github.com/SYNGASBH/beardstyle-app.git
cd beardstyle-appcp .env.example .envUredi .env i popuni vrijednosti:
# Database
POSTGRES_USER=bearduser
POSTGRES_PASSWORD=beardpass123
POSTGRES_DB=beard_style_db
# Backend
NODE_ENV=development
PORT=5000
JWT_SECRET=promijeni_ovo_u_tajni_kljuc
# CORS
FRONTEND_URL=http://localhost:3000
# AI
USE_MOCK_AI=false
CLAUDE_API_KEY=sk-ant-api03-...Ako nemaš Claude API ključ, postavi
USE_MOCK_AI=trueda koristiš mock podatke.
docker-compose up -d --buildPrva build traje 2–3 minute. Nakon toga:
| Servis | URL |
|---|---|
| Frontend | http://localhost:3000 |
| Backend API | http://localhost:5000 |
| Health check | http://localhost:5000/health |
Idi na http://localhost:3000/register i registruj se.
- Registracija / Login — na
/registerili/login - Upload fotografije — na
/upload, odaberi fotografiju lica ili uslikaj kamerom - AI analiza — Claude analizira oblik lica (oval, kvadrat, okruglo, itd.)
- Preporuke — prikazuju se stilovi brade rangirani po podudarnosti
- Galerija — pregledaj sve stilove na
/gallery - Favoriti — spremi omiljene stilove
POST /api/auth/register Registracija korisnika
POST /api/auth/login Login korisnika
POST /api/user/upload Upload fotografije (auth)
POST /api/styles/recommend AI preporuke (auth)
GET /api/styles Svi stilovi brade
GET /api/styles/popular Popularni stilovi
GET /health Health check
# Provjeri status servisa
docker-compose ps
# Pogledaj logove
docker-compose logs -f
# Zaustavi sve servise
docker-compose down
# Zaustavi i obriši bazu (reset)
docker-compose down -vbeardstyle-app/
├── backend/ # Node.js + Express API
│ └── src/
│ ├── routes/ # Auth, User, Styles
│ ├── models/ # User, BeardStyle, Salon
│ └── services/ # ClaudeService (AI analiza)
├── frontend/ # React aplikacija
│ └── src/
│ ├── pages/ # Upload, Gallery, Preview, Login...
│ └── services/ # API klijent (axios)
├── database/ # SQL migracije i seed podaci
├── docker-compose.yml
└── .env.example
Amel Topčagić — SYNGAS BH, Sarajevo
MIT