Kuidas ehitada AI-ga töögraafiku rakendus — samm-sammult juhend

Praktiline juhend väikeettevõtjale, kes tahab oma firma töögraafikut hallata ilma programmeerimisoskuseta. Tulemus: täisfunktsionaalne veebirakendus sisselogimise, rollide ja reaalajas sünkrooniga — 0€ kuutasuga.

Miks see juhend?

Töögraafiku haldamine Excelis ja WhatsAppis töötab… kuni sul on 5+ töötajat ja mitu asukohta. Siis hakkab info kaduma, versioonid lähevad sassi ja keegi ei tea, mis on viimane variant.

SaaS lahendused (Planday, Tamigo jt) maksavad 3–5€ töötaja kohta kuus. 50 töötajaga on see 150–250€/kuu ehk 1 800–3 000€ aastas — ja sa pead ikkagi nende süsteemiga kohanema.

Alternatiiv: ehita AI abiga oma rakendus, mis teeb täpselt seda mida SINA vajad. See juhend näitab kuidas.

Mida sa saad

Selle juhendi lõpuks on sul:

• Veebirakendus kus iga töötaja näeb oma graafikut
• Rollisüsteem — admin, juhataja, müüja — igaühel erinevad õigused
• Regioonide haldus — eri piirkonnad, eri juhatajad
• Soovipäevade süsteem — töötajad esitavad soove, juhataja kinnitab
• Reaalajas sünkroon — kõik muudatused salvestuvad kohe pilve
• Tasuta hosting — 0€ kuutasu, töötab igal seadmel brauseris

Eeldused

• Sa ei pea oskama programmeerida
• Sul on arvuti ja internet
• Sa oskad kopeerida-kleepida
• Sul on kannatust AI-ga vestlemisel itereerida (see pole nupuvajutus!)
• Aega: 2–4 õhtut esimese versiooni jaoks

Tööriistade ülevaade

1. AI assistent — sinu “arendaja”

Sa kasutad AI assistenti (nt Perplexity Computer, Claude vms) kui vestluspartnerit, kellele kirjeldad mida vajad ja kes kirjutab sulle koodi.

Miks just vestluspõhine AI?

• Sa räägid talle loomulikus keeles mida tahad
• Ta kirjutab koodi, testib, parandab vigu
• Sa ei pea teadma mis on JavaScript, SQL või API
• Kui midagi ei tööta, ütled lihtsalt “see ei tööta, paranda”

2. Supabase — sinu andmebaas (tasuta)

Supabase on tasuta pilveandmebaas, mis hoiab sinu rakenduse andmeid. Mõtle sellest kui Exceli tabelist pilves, millele su rakendus ligi pääseb.

Mida Supabase annab:

• Andmete salvestamine (töötajad, graafikud, poed jne)
• Kasutajate autentimine (sisselogimine)
• Turvareegild (kes mida näeb ja muuta saab)
• Tasuta kuni 50 000 rida ja 500 MB

3. Vercel — sinu hosting (tasuta)

Vercel hoiab su rakenduse internetis üleval. Ühendad GitHubiga ja iga kord kui sa uuendad koodi, uuendab Vercel automaatselt ka live-versiooni.

Mida Vercel annab:

• Su rakendus on netis aadressiga sinu-projekt.vercel.app
• HTTPS (turvaline ühendus) automaatselt
• Tasuta kuni 100 GB liiklust kuus
• Automaatne deploy GitHubist

4. GitHub — sinu koodihoidla (tasuta)

GitHub on koht kus su koodi failid elavad. Mõtle sellest kui Dropboxist koodi jaoks. Vercel loeb siit faile ja paneb need internetti üles.

Samm 1: Kontode loomine (30 min)

1.1 GitHub konto

1. Mine github.com → Sign up
2. Loo uus repository (hoidla): vajuta “+” → New repository
3. Anna nimi (nt minu-graafik)
4. Vali “Public” või “Private”
5. Lisa README fail
6. Vajuta “Create repository”

1.2 Supabase konto

1. Mine supabase.com → Start your project
2. Logi sisse GitHubi kontoga
3. Loo uus projekt → vali regioon (EU on hea valik)
4. Pane kirja oma projekti URL ja API võti (leiad Settings → API)

1.3 Vercel konto

1. Mine vercel.com → Sign up
2. Logi sisse GitHubi kontoga
3. Ühenda oma repository: Import Git Repository → vali oma repo
4. Vercel seadistab automaatselt

Samm 2: Andmebaasi struktuur Supabase’is (1–2h)

See on kõige “tehnilisem” osa — sa pead Supabase’i SQL Editoris koodi jooksutama. Ära paanitse! Sa kopeerid AI-lt saadud koodi ja vajutad “Run”.

Mida AI-lt küsida:

“Ma tahan ehitada töögraafiku veebirakendust. Mul on [X] töötajat ja [Y] poodi/asukohta. Mul on vaja: iganädalast graafikut kus näen kes kus tööl on, erinevad rollid (admin, juhataja, müüja), juhatajad haldavad oma piirkonda, müüjad näevad oma graafikut. Andmebaas on Supabase. Alustame andmebaasi struktuurist. Anna mulle SQL käsud mida Supabase SQL Editoris jooksutada.”

Tüüpilised tabelid mida vajad:

Tabel	Eesmärk
profiles	Kasutajad: nimi, e-post, roll, regioon
stores	Poed: nimi, asukoht, lahtiolekuajad
employees	Töötajad: nimi, kodupood, FTE
schedules	Graafik: kes, kus, millal, mitu tundi
wish_requests	Soovipäevad: kes, millal, staatus

Turvareegild (Row Level Security)

See on oluline! Supabase’is saad seadistada reeglid, et müüja näeb ainult oma andmeid, juhataja näeb oma regiooni ja admin näeb kõike.

“Lisa mulle RLS (Row Level Security) reeglid nii, et müüjad näeksid ainult oma andmeid ja juhatajad oma regiooni.”

Samm 3: Rakenduse põhistruktuur (2–3h)

Failid mida vajad:

minu-graafik/
├── index.html          ← Põhileht (HTML struktuur)
├── style.css           ← Välimus (värvid, paigutus)
├── app.js              ← Peamine loogika
├── data.js             ← Andmete haldus
├── auth.js             ← Sisselogimine
├── supabase-config.js  ← Supabase'i ühenduse seaded
└── icons.js            ← Ikoonid (SVG)

Soovituslik järjekord:

1. Sisselogimine — et kasutaja identiteet töötaks
2. Põhivaade — lihtne graafikutabel ühe nädala jaoks
3. Andmete laadimine — Supabase’ist andmete lugemine
4. Andmete muutmine — lahtritele klikkides tunni lisamine
5. Rollid — erinevad vaated vastavalt rollile
6. Soovipäevad — töötajate soovide süsteem
7. Viimistlus — mobiilivaade, värvid, ikoonid

Samm 4: Andmete halduse muster (key-value store)

Üks kaval lahendus mida tasub teada: kasuta key-value store mustrit. See tähendab, et selle asemel, et igale andmetüübile eraldi tabelit teha, salvestad kõik ühe tabeli kaudu:

Võti (key)	Väärtus (value)
stores	[{nimi: "Pood 1", aadress: "..."}, ...]
employees	[{nimi: "Mari", pood: "Pood 1"}, ...]
schedule_2026_15	{...nädala graafik...}

Miks see hea on:

• Lihtne struktuur — üks tabel Supabase’is
• Paindlik — lisa uusi andmetüüpe ilma tabelit muutmata
• Kiire — andmed laetakse korraga, mitte mitme päringuga

Samm 5: Rollisüsteem (1–2h)

Kolm rolli:

Admin: Näeb ja muudab kõike, haldab kasutajaid, saab kõik vaated.

Juhataja: Näeb kõiki graafikuid, muudab ainult oma regiooni. Teise regiooni vaade on kirjutuskaitstud.

Müüja: Näeb ainult oma graafikut, näeb oma kodupoe ja tööpoodide graafikuid, saab esitada soovipäevi.

Samm 6: Graafikuvaade (2–3h)

See on su rakenduse süda — iganädalane tabel kus näed kes kus tööl on.

Põhielemendid:

• Rida = üks töötaja
• Veerg = üks päev (E, T, K, N, R, L, P)
• Lahter = pood + tunnid (nt “Viru 8h”)
• Nädala navigeerimine — edasi-tagasi nooled
• Poe vaade — filtreeri ühe poe järgi

Kasulikud lisad:

• Poe lahtiolekuajad päises (nt “E–R 10–18, L 10–16”)
• Tunnisummad iga töötaja rea lõpus
• Värvilised puhkuse/haiguse märked
• Mustri kopeerimine — kopeeri eelmine nädal ja muuda

Samm 7: Soovipäevade süsteem (1–2h)

See on funktsioon mida töötajad kõige rohkem hindavad!

Kuidas töötab:

1. Müüja avab soovipäevade vaate
2. Valib kalendrist päevad
3. Lisab märkuse (nt “arsti juures”)
4. Vajutab “Esita soov”
5. Juhataja näeb ootel soove
6. Kinnitab või lükkab tagasi
7. Müüja näeb staatust

Samm 8: Deploy ja hosting (30 min)

GitHubi failide üleslaadimine:

1. Mine oma GitHub reposse
2. Add file → Upload files
3. Lohista KÕIK failid (index.html, style.css, app.js jne)
4. Vajuta “Commit changes”

Kui Vercel on GitHubiga ühendatud, toimub deploy automaatselt! Iga kord kui sa GitHubis faile uuendad, uuendab Vercel ~1 minutiga ka live-versiooni.

Su rakendus on nüüd netis aadressil: sinu-projekt.vercel.app

Samm 9: Testimine ja itereerimine

See on KÕIGE OLULISEM samm. Ära oota et esimene versioon on ideaalne!

Testimise kontrollnimekiri:

• Sisselogimine töötab kõigi rollidega
• Admin näeb kõike, müüja ainult oma asju
• Graafiku muutmine salvestub
• Teine brauser/seade näeb muudatusi
• Soovipäevade esitamine ja kinnitamine töötab
• Mobiilis on kasutatav
• Nädala vahetamine töötab õigesti

Kui midagi ei tööta:

Ütle AI-le täpselt: “Kui ma login sisse müüjana ja lähen graafikuvaatesse, siis [kirjelda mis juhtub]. Aga peaks olema [kirjelda mida ootad]. Paranda see.”

NB: Mida konkreetsem sa oled, seda kiiremini AI parandab. “Ei tööta” on halb. “Kui vajutan esmaspäeva lahtrit, ei juhtu midagi — peaks avanema poe valik” on hea.

Kulud

Teenus	Tasuta piir	Piisab kuni…
Supabase	50 000 rida, 500 MB	~100 töötajat, aastaid andmeid
Vercel	100 GB liiklus/kuu	Tuhandeid külastusi päevas
GitHub	Piiramatu (public/private)	Igavesti
Kokku kuus	0€

Võrdluseks: tüüpiline SaaS töögraafiku lahendus 50 töötajaga = 150–250€/kuu = 1 800–3 000€/aastas.

Nipid ja õppetunnid

1. Alusta väikselt

Ära ürita kohe “lõppversiooni” ehitada. Esimene versioon olgu lihtsalt tabel ekraanil. Lisa funktsionaalsust samm-sammult.

2. Mõtle rollid algusest läbi

Kes mida näeb? Kes mida muudab? Mõtle see enne läbi, mitte ära lisa hiljem. See säästab palju ümbertegemist.

3. Testi päris hostingus

Ära jää AI eelvaatesse kinni. Deploy Vercelisse ja testi seal. Mõned asjad (nt Supabase ühendus) töötavad ainult päris keskkonnas.

4. Iga “Error” on samm edasi

Sa SAAD vigu. See on normaalne. Kopeeri veateade AI-le ja küsi mis valesti on. 99% juhtudest parandab AI selle kohe.

5. Kirjuta oma soovid täpselt

Mida konkreetsem oled, seda parem tulemus. Halb: “tee graafikut ilusamaks”. Hea: “muuda puhkusepäevade lahtrid roheliseks ja lisa päisesse poe lahtiolekuajad”.

6. Salvesta vaheversioone

Enne suurt muudatust tee koopia oma failidest. Kui midagi läheb katki, saad tagasi minna.

KKK (Korduma kippuvad küsimused)

K: Kas ma pean oskama programmeerida?
V: Ei. Sa pead oskama selgelt kirjeldada mida tahad. AI kirjutab koodi sinu eest.

K: Kas see on turvaline?
V: Jah — Supabase pakub SSL krüpteeringut, kasutajate autentimist ja Row Level Security reegleid. Sa ei hoia paroole oma koodis.

K: Mis juhtub kui Supabase või Vercel muutub tasuliseks?
V: Mõlema tasuta piir on väga suur. Isegi kui peaksid kunagi tasulisele üle minema, on hinnad mõni euro kuus.

K: Kui kaua aega läheb?
V: Esimene töötav versioon: 2–4 õhtut. Viimistletud versioon kõigi funktsioonidega: 1–2 nädalat.

K: Kas see töötab telefonis?
V: Jah, kui küsid AI-lt mobiilivaate tegemist. Veebirakendus töötab igas brauseris.

K: Kas ma saan hiljem funktsioone juurde lisada?
V: Jah! See ongi selle lähenemise ilu — sul on täielik kontroll. Taha puhkuste arvestust? Statistikat? Eksporti? Ütle AI-le ja lisa.

Kokkuvõte

Sa ei pea olema arendaja, et ehitada oma ettevõttele tööriista. Sa pead olema:

1. Selge — tea mida sa tahad
2. Konkreetne — kirjelda oma vajadusi täpselt
3. Kannatlik — esimene versioon pole kunagi ideaalne
4. Julge — ära karda vigu, need on osa protsessist

Tulemus: rakendus mis teeb täpselt seda mida SINA vajad, maksab 0€ kuus ja on sinu kontrolli all.

---

Starter Prompt — kopeeri ja alusta kohe!

Allpool on valmis prompt mida saad otse AI assistendile (nt Claude, ChatGPT, Perplexity) kopeerida. Täida esmalt [nurksulgudes] kohad oma ettevõtte andmetega.

Rohkem infot ja nõuandeid: shoppingscientists.com