Zabavna multiplayer igra crtanja i pogađanja inspirisana igrom Drawful. Igrači crtaju na svojim telefonima dok drugi pokušavaju pogoditi šta je nacrtano!
- Kreiraj igru - Jedan igrač kreira sobu i dobija 5-slovni kod
- Pridruži se - Ostali igrači unose kod na svojim telefonima
- Crtaj - Jedan igrač crta zadani pojam
- Pogađaj - Ostali igrači pišu lažne odgovore
- Glasaj - Svi glasaju za odgovor koji misle da je tačan
- Bodovi - Zarađuj bodove za tačne odgovore i prevaru drugih!
- Node.js 18+
- Convex račun (besplatan na convex.dev)
# Instaliraj zavisnosti
npm install
# Pokreni Convex dev server (ovo će te uputiti da kreiraš projekat)
npx convex dev
# U drugom terminalu, pokreni Next.js
npm run devAplikacija će biti dostupna na http://localhost:3000
- Push projekat na GitHub
- Importuj u Vercel
- Dodaj environment varijablu:
NEXT_PUBLIC_CONVEX_URL- tvoj Convex production URL
- Next.js 15 - React framework
- TypeScript - Tipizacija
- Tailwind CSS - Stilizacija
- shadcn/ui - UI komponente
- Convex - Real-time baza podataka
- ✅ Mobile-first dizajn
- ✅ Real-time sinkronizacija
- ✅ Touch-optimizirani canvas za crtanje
- ✅ 5-slovni kodovi za sobe
- ✅ Sistem bodovanja
- ✅ Potpuno na bosanskom jeziku
draw-it/
├── src/
│ ├── app/ # Next.js stranice
│ │ ├── page.tsx # Početna stranica
│ │ └── game/[code]/ # Stranica igre
│ ├── components/
│ │ ├── ui/ # shadcn komponente
│ │ └── game/ # Komponente igre
│ └── lib/
│ └── i18n/ # Prijevodi
├── convex/ # Convex backend
│ ├── schema.ts # Shema baze
│ ├── games.ts # Logika igara
│ ├── players.ts # Logika igrača
│ ├── rounds.ts # Logika rundi
│ └── guesses.ts # Logika odgovora
└── public/
- 1000 bodova - Za tačan odgovor
- 500 bodova - Za svaku osobu koju prevariš lažnim odgovorom
- 500 bodova - Crtač dobija za svakog igrača koji pogodi
Napravljeno sa ❤️ za zabavu sa prijateljima!