Live
JoukkueHub
SaaS-palvelu urheilujoukkueiden ylläpitoon
EskDev
Projektit
Oikeita sovelluksia, ei pelkkiä harjoituksia — web, mobile ja Raspberry Pi.
Live
Python
BetBot
Python-botti jalkapallon kertoimien vertailuun
Live
GM-Maestro
NHL-fantasy manageripeli
PWA
JALPA
Salibandyseuran hallinta-sovellus(WEB/PWA)
Play Store
AivotSolmussa
Sananselityspeli Android-laitteille
Mobile
ArkiFlow
AI-avusteinen perheen taloudenhallinta ja arjen organisointi
IoT
Kävijälaskuri
Raspberry Pi -pohjainen laskentajärjestelmä
Peli
2D-Autopeli
Retrohenkinen 2D-ajopeli (ei mobiilitukea)
Projekti
Live
PWA
JoukkueHub
SaaS harrastejoukkueille: oma logo, värit ja osoite, yhteinen kausi.
30 sekunnissaPikafaktat
Tarve
Joukkueet tarvitsevat hallintasovelluksen, jossa kaikki hallinta toimii yhden palvelun kautta. Yhden seuran sisäinen työkalu ei riitä, kun jokainen joukkue haluaa oman ilmeen ja osoitteen ilman että tiedot sekoittuvat.
Ratkaisu
JoukkueHub laajentaa JALPA-prototyypin SaaS-palveluksi. Joukkue saa itse muokattavat logon, värit ja osoitteen muotoa seura.joukkuehub.fi. Data rajataan team_id:llä. Toimii selaimessa ja asennettavana PWA:na.
Näin se näyttääSovellus
Mitä sillä tekeeOminaisuudet
Tapahtumat
Nimenhuuto ja toistuvat treenit samassa kalenterissa.
Pelaajakortit
Kortit kehittyvät tilastojen mukaan, sama ajatus kuin JALPAssa.
Oma brändi
Joukkuekohtainen logo, värit ja subdomain.
Alustahallinta
Ylläpito näkee joukkueet yhdestä paikasta.
Miten se on kasattuTekninen toteutus
FrontendReact · PWA
APINode · Express
DataPostgreSQL
Monivuokraajamalli: jokaisen kyselyn data rajataan joukkueen team_id:hen, jotta seuran asetukset ja rosteri eivät vuoda naapuriin.
Miksi tämä on tehty näinRatkaisut
Yhdestä seurasta palveluksi
JALPA oli yhden joukkueen sovellus. JoukkueHub irrottaa ilmeen ja osoitteen tenant-kohtaisiksi.
Eristys ensin
Ulkoasu saa vaihtua vapaasti. Tietokannan rivi ei saa näkyä väärälle joukkueelle.
TyökalutTech stack
Node.js
Express
React
PostgreSQL
Avaa JoukkueHub
Palvelu on kehitysvaiheessa ja toistaiseksi ilmainen testikäyttöön.
Projekti
Python
Dashboard
BetBot
Python-botti, joka vertaa jalkapallon tilastoja kertoimiin ja kokoaa poiminnat yhteen näkymään.
30 sekunnissaPikafaktat
Ongelma
Kertoimien ja joukkueen viime pelien, sekä tilastojen vertailu käsin on hidasta. Maksullinen rajapinta kuluu nopeasti, jos joka ajolla haetaan kaikkea.
Ratkaisu
BetBot on Python-botti ja yksityinen selaindashboard. Asetuksista valitaan sarjat, aikaväli ja haettavat markkinat. Ajo tallentaa poiminnat, eikä botti aseta vetoja itse vaan valinnat jäävät käyttäjälle.
Näin se näyttääDashboard
Mitä sillä tekeeOminaisuudet
Asetussivu
Sarjat, hakuikkuna ja haettavat markkinat valitaan ennen ajoa.
Yleiskatsaus
Viimeisin ajo, poimintojen määrä ja rajapinnan kulutus samalla sivulla.
Lähellä rajaa
Kohteet, jotka eivät täyttäneet ehtoa, jäävät listaan tarkistettavaksi.
Raportti
Tuloksen voi ladata, ja ajosta lähtee ilmoitus.
Miten se on kasattuTekninen toteutus
BottiPython
NäkymäFlask
DataSQLite
Ottelut ja tilastot haetaan maksullisesta API-Footballista. Asetukset rajaavat sarjat ja markkinat, jotta kiintiö ei kulu turhaan.
Miksi tämä on tehty näinRatkaisut
Haku on valinta, ei vakio
Jokainen ajo ei tarvitse samoja sarjoja. Rajat ovat asetussivulla, jotta maksullisia kutsuja lähtee vain se, mitä sillä kertaa tarvitaan.
Botti ei veikkaa itse
Poiminnat tallentuvat ja näkyvät dashboardissa. Päätös jää ihmiselle.
TyökalutTech stack
Python
Flask
SQLite
BetBot
Oma työkalu. Julkista demoa ei ole.
Projekti
Live
PWA
GM-Maestro
NHL-fantasymanageri kaveriporukalle: draftaa, treidaa, lukitse kentällinen.
30 sekunnissaPikafaktat
Idea
Fantasialiigoja on jo olemassa, mutta mielenkiintona oli tehdä täysin oma versio koukuttavalla pelattavuudella, sekä hienolla käyttöliittymällä.
Ratkaisu
GM-Maestro on PWA/selainpeli, jossa liiga perustetaan tai siihen liitytään koodilla. Snake-draft, muokattava pisteytys, vapaiden pelaajien markkina, treidit ja kokoonpanon lukitus otteluiden ajaksi. NHL-tilastot synkataan automaattisesti.
Näin se näyttääSovellus
Mitä sillä tekeeOminaisuudet
Snake-draft
Reaaliaikainen vuorojärjestys ja pelaajahaku.
Fantasy-pisteet
Liigakohtaiset säännöt. NHL-tilastot tulevat synkasta, ei käsin.
Treidit ja waiver
Vaihda pelaajia tai nosta vapailta agentteilta.
Kokoonpanon lukko
Aktiivinen kentällinen ja vaihtopenkki. Lukko seuraa otteluita.
Miten se on kasattuTekninen toteutus
FrontendReact · Vite · TS
APIExpress · JWT
DataSQLite
REST-rajapinta kantaa liigan, draftin ja rosterin. Selain on PWA, joten sama näkymä asentuu myös puhelimen aloitusnäytölle.
Miksi tämä on tehty näinRatkaisut
Säännöt liigalle, ei pelille
Pisteytys on muokattava. Yksi kovakoodattu NHL-malli ei riitä kaveriporukoiden eri sopimuksiin.
Lukko estää jälkiviisauden
Kokoonpano lukittuu otteluiden mukaan, jotta pisteitä ei siirretä pudotuksen jälkeen.
TyökalutTech stack
Node.js
Express
React
TypeScript
SQLite
Kokeile liigaa
Perusta liiga tai liity koodilla. Peli on julki osoitteessa gm-maestro.fi.
Projekti
PWA
JALPA
YT JalPan kausi yhdessä PWA:ssa: nimenhuuto, talous ja kausikortit.
30 sekunnissaPikafaktat
Ongelma
Joukkueen arki hajosi viesteihin: kuka tulee treeneihin, kuka on loukkaantunut, kenellä on sakkoja ja onko kausimaksu maksettu.
Ratkaisu
Seuran sisäinen web-sovellus pelaajille ja hallinnolle. Tumma teema, seuran keltainen. Sen voi asentaa puhelimen aloitusnäytölle. Korvasi aiemman React Native -prototyypin.
Kausikortin arvo
KOK alkaa kaudella 75:stä. +1 maali, +1 syöttö, +1 osallistuttu harjoitus, −1 jokaista kahta jäähyminuuttia kohti. Erikoiskortit: maaliputki (vähintään 2 peräkkäistä peliä maaleilla) ja treeniputki (vähintään 10 peräkkäistä harjoitusta).
Näin se näyttääKolme näkymää
Mitä sillä tekeeOminaisuudet
Nimenhuuto
Harjoitukset, pelit ja toistuvat viikkotapahtumat. Vastaus on Tulen tai En tule.
Pelaajakortit
NHL-henkinen kausikortti: KOK, laukaus, syöttö, harjoitukset ja jäähyt.
Pistepörssi
Maalit, syötöt, pisteet ja jäähyminuutit kaudelta.
Sakkokassa
Sakot, maksutila ja kausikohtainen seuranta.
Laskut
Kausimaksut, joukkueen menot, MobilePay-linkit ja maksun merkintä.
IR-lista
Aktiiviset loukkaantumiset ja palautumisarvio.
Hallinta
Roster, pelaajien lisäys, sakot, pisteet, tapahtumat ja laskutus.
Kirjautuminen
Pelaajanumero, nimi ja salasana. Ensimmäisellä kerralla salasana asetetaan itse.
Miten se on kasattuTekninen toteutus
FrontendReact 18 · Vite
APIExpress · JWT
DataPostgreSQL
Selain on asennettava PWA (manifest ja service worker). API vaatii Bearer-tokenin kirjautumista lukuun ottamatta. Postgres pyörii Dockerissa. Tuotannossa nginx tarjoilee buildin ja PM2 ajaa API:n.
/api/auth
/api/events
/api/fines
/api/points
/api/invoices
/api/injuries
/api/player-cards
Miksi tämä on tehty näinRatkaisut
Yksi luku kuvaa kautta
Kortin arvo sitoo maalit, syötöt, treenit ja jäähyt samaan kaavaan, jotta tilasto ei jää pelkäksi taulukoksi.
Kausi yhdessä paikassa
Aktiivinen kausi on frontendin SEASON-vakiossa ja backendin CURRENT_SEASON-arvossa. Molemmat pitää pitää samana.
PWA korvasi natiivin
Aiempi Android-prototyyppi vaihtui web-pinoon, jonka joukkue asentaa aloitusnäytölle ilman kauppaa.
TyökalutTech stack
Node.js
Express
React
Vite
PostgreSQL
Docker
Katso toteutus
Sisäinen joukkuesovellus. Lähdekoodi ja tuotantorakenne ovat GitHubissa.
Projekti
Play Store
AivotSolmussa
Sananselityspeli samaan huoneeseen. Ei tiliä, ei verkkoa, ei mainoksia.
30 sekunnissaPikafaktat
Ongelma
Seurapelit kaatuvat siihen, että jokainen tarvitsee tilin, verkon tai oman laitteensa.
Ratkaisu
Yksi Android-puhelin kiertää porukassa. Kolme pelimuotoa, ennätykset talteen laitteelle, eivätkä sanat toistu saman pelin sisällä.
Näin se näyttääValikko ja ilme
Mitä sillä tekeeOminaisuudet
Aikahaaste
Kaksi pelaajaa, aloitus 20 sekuntia. Oikea vastaus: +1 piste ja +5 sekuntia. Ohitus: −3 sekuntia. Katto 30 sekuntia. Ennätys tallentuu.
Kolmen taisto
Yksi selittää, kaksi arvaa. Piste sekä selittäjälle että arvaajalle. Selittäjä vaihtuu, eniten pisteitä voittanut voittaa.
Synkka
2–6 paria, kierroksittain. Oikea vastaus +1. Väärästä vastauksesta voi valita rangaistuksen.
Reilu pakka
Sanat ovat uniikkeja pelin sisällä. Ei mainoksia, ei kirjautumista.
Miten se on kasattuTekninen toteutus
SovellusReact Native · Expo
TilaAsyncStorage
JakeluAndroid App Bundle
Peli ei puhu palvelimelle. Ennätykset ja pelin tila pysyvät laitteessa, joten sama puhelin riittää koko porukalle.
Miksi tämä on tehty näinRatkaisut
Offline on ominaisuus
Seurapeli ei saa odottaa verkkoa. Siksi ei tiliä eikä taustapalvelua.
Aika palkitsee vauhdin
Aikahaasteessa oikea vastaus pidentää kierrosta ja ohitus syö sitä. Ennätys on syy pelata uudestaan.
TyökalutTech stack
React Native
Expo
TypeScript
Android
AsyncStorage
Pelaa samalla puhelimella
Julkaistu Play Storessa. Läpäissyt suljetun testauksen ja tuotantohyväksynnän.
Projekti
Mobiili
ArkiFlow
Ryhmän rahat, kauppalista, reseptit ja ilmoitustaulu samassa sovelluksessa.
30 sekunnissaPikafaktat
Ongelma
Perheen menot, ostokset ja ruokaideat elävät eri keskusteluissa, eikä kukaan näe samaa saldoa.
Ratkaisu
React Native -sovellus jaetulle ryhmälle. Etusivu kokoaa tulot, menot ja saldon. Listat ja ilmoitukset kulkevat ryhmässä. Keittiöapuri ehdottaa reseptejä kuvasta tai ilman.
Näin se näyttääNeljä näkymää
Mitä sillä tekeeOminaisuudet
Kulukooste
Vuoden ja kuukauden tulot, menot ja saldo. Rivin voi rajata kategoriaan.
Tapahtumat
Meno tai tulo, kuvaus ja kategoria. Etusivulta pääsee suoraan kirjaukseen.
Kauppalistat
Jaetut listat ryhmän kesken, reaaliaikaisesti.
Resepti kuvasta
Kuva jääkaapista, kuivakaapista tai pakastimesta. Avustaja ehdottaa aterioita raaka-aineista.
Ideat ilman kuvaa
Viikko, arki tai vaihtelu. Reseptin saa talteen ja sen voi viedä kauppalistalle.
Ilmoitustaulu
Ryhmän tapahtumat aikajärjestyksessä.
Miten se on kasattuTekninen toteutus
SovellusReact Native · TS
Jaettu tilaFirebase
KeittiöGemini
Ryhmän kulut ja listat kulkevat Firebasen kautta. Ruoka ja AI käyttää Geminiä. Avain syötetään kerran Google AI Studioon ja se säilyy laitteella, kuten näkymä itse kertoo.
Miksi tämä on tehty näinRatkaisut
Avain pysyy puhelimessa
Ruoka ja AI -näkymä sanoo suoraan: avain lisätään kerran ja säilytetään laitteella.
Ryhmä, ei vain oma lompakko
Etusivu tervehtii ryhmän nimellä. Listat, kulut ja ilmoitustaulu on tehty jaettaviksi.
TyökalutTech stack
TypeScript
React Native
Firebase
Gemini
Kysy demosta
Sovelluksella ei ole julkista osoitetta tällä sivulla. Neljä näkymää alla.
Projekti
IoT
Kävijälaskuri
Raspberry Pi laskee sisään ja ulos, vaikka verkko olisi poikki.
30 sekunnissaPikafaktat
Ongelma
Kävijämäärä pitää nähdä heti ravintolassa myös silloin, kun internetiä ei ole.
Ratkaisu
Raspberry Pi 5 laskee sisään- ja uloskäynnit liikkeentunnistuksella. Flask palvelee luvut, JSON pitää ne laitteella ja React Native -sovellus näyttää tilanteen. AJAX päivittää näkymän.
Näin se näyttääTunnus
Mitä sillä tekeeOminaisuudet
Offline
Laskenta toimii ilman internetyhteyttä.
Liiketunnistus
Sisään ja ulos erotellaan laitteessa, ei käsin.
AJAX-päivitys
Luku päivittyy näkymään ilman koko sivun latausta.
Mobiilinäkymä
React Native -sovellus samaan laskuriin.
JSON laitteella
Tiedot tallentuvat paikallisesti, eivät pilveen.
Miten se on kasattuTekninen toteutus
LaitePi 5 · Python
PalvelinFlask · JSON
NäyttöReact Native
Laskenta ja tallennus pysyvät Pi:llä. Mobiilisovellus on näkymä samaan paikalliseen palveluun, ei erillinen pilvituote.
Miksi tämä on tehty näinRatkaisut
Verkko ei saa olla ehto
Ravintolan ovi ei odota yhteyttä. Siksi laskuri on suunniteltu offline-ensin.
Kaksi pintaa, yksi laskuri
Flask ja JSON ovat laitteen ydin. React Native on tapa katsoa samaa lukua puhelimesta.
TyökalutTech stack
Python
Flask
TypeScript
React Native
Raspberry Pi
Kysy laitteesta
Projekti elää laitteessa, ei julkisena demona.
30 sekunnissaPikafaktat
Ongelma
Kaupan pitää näyttää ehjä polku: selaa, kirjaudu, täytä kori, tilaa, ja ylläpitäjä näkee tilauksen.
Ratkaisu
PHP ja MySQL. Haku ja tuotelista ovat julkisia, tilaaminen vaatii kirjautumisen. Kori päivittyy AJAXilla. Admin käsittelee tilaukset. Banneri muistuttaa, että kyse on harjoituksesta.
Näin se näyttääEnnen ja jälkeen kirjautumisen
Mitä sillä tekeeOminaisuudet
Haku ja hylly
Tuotteet, kuvaus ja hinta. Yläpalkissa haku.
AJAX-kori
Kori päivittyy ilman koko sivun latausta (kori_ajax.php).
Tunnukset
Rekisteröityminen ja kirjautuminen. Salasanat hashataan.
PDO
Kyselyt prepared statementeina, ei kasattuna merkkijonona.
Kassa
Tilaus lähtee korista kassan kautta.
Admin
Tuotteiden ylläpito ja tilausten tilan päivitys.
Miten se on kasattuTekninen toteutus
SelainHTML · JS
PalvelinPHP · PDO
DataMySQL
Sivut ovat PHP:tä: kirjautuminen, rekisteröityminen, ostoskori, kassa, tilaus ja admin. Kori irrotettiin omaksi AJAX-pyynnöksi, jotta hylly ei lataudu uudestaan joka lisäyksellä.
Miksi tämä on tehty näinRatkaisut
Kysely ei ole merkkijono
PDO ja prepared statements pitävät käyttäjän syötteen erillään SQL:stä. Salasana tallentuu hashina.
Demo näyttää sen itse
Etusivun banneri sanoo suoraan: ei oikeita tuotteita, ei maksuliikennettä, ei oikeaa kaupankäyntiä.
TyökalutTech stack
PHP
MySQL
JavaScript
PDO
Kokeile demoa
Tunnukset voi luoda keksityillä tiedoilla. Ei oikeita tuotteita eikä maksuja.
Projekti
Peli
Työpöytä
Takaa-ajo
Poliisi vastaan rosvo selaimessa. Selviä pisimpään, nouse Hall of Fameen.
30 sekunnissaPikafaktat
Ongelma
Kahden pelaajan ajo samaan selaimeen ilman pelimoottoria: yhteinen rata, eri ohjaimet, aika joka ratkaisee.
Ratkaisu
Takaa-ajo on puhdas JavaScript ja HTML5 Canvas. Poliisi (WASD) yrittää kolaroida rosvon (nuolet). Rosvo voittaa pitämällä etäisyyttä. Aika ratkaisee, ja vain viisi parasta mahtuu Hall of Fameen.
Näin se näyttääAula
Mitä sillä tekeeOminaisuudet
Kaksi roolia
Pelaaja 1 on poliisi (WASD), pelaaja 2 rosvo (nuolet).
Kolme kenttää
Kaupunki, Rata ja Jäärata. Eri maasto, eri ajettavuus.
Hall of Fame
Piste on selviytymisaika. Vain top 5 jää listalle.
Maastomaski
Ajettavuus lukee maastomaskia, ei pelkkää taustakuvaa.
Ohjaimet
Aula mainitsee PS5-ohjaimet, jos niitä on kytketty.
Miten se on kasattuTekninen toteutus
SyöteNäppäimet · ohjain
SilmukkaCanvas · JS
RataMaastomaski
Ei kirjastoja eikä palvelinta. Pelisilmukka piirtää, lukee syötteen ja päättää ajettavuuden maskin perusteella. Siksi peli on rajattu työpöytäselaimiin.
Miksi tämä on tehty näinRatkaisut
Maski, ei fiilis
Rata ei ole vain kuva. Maski kertoo, missä auto pysyy ja missä ei.
Yksi tiedosto, kaksi kuljettajaa
Molemmat autot jakavat saman silmukan. Ero on ohjaimessa ja tavoitteessa: kiinni vai karkuun.
TyökalutTech stack
JavaScript
HTML5
CSS
Canvas
Käynnistä moottorit
Vain työpöytäselain. Kaksi pelaajaa samalla näppäimistöllä tai ohjaimilla.
30 sekunnissaPikafaktat
Ongelma
Visan pitää laskea pisteet niin, ettei oikea vastaus elä vain selaimessa, ja nimimerkin pitää olla siisti.
Ratkaisu
Yksi PHP-lomake, kymmenen kysymystä ja kolme vaihtoehtoa. Nimimerkistä jätetään vain kirjaimet, numerot ja alaviiva. Pisteet lasketaan palvelimella ja rivi kirjoitetaan data/tietovisa.json-tiedostoon.
Näin se näyttääLomake
Mitä sillä tekeeOminaisuudet
Kymmenen kysymystä
Jokaisessa kolme vaihtoehtoa. Aihe sivulla on teknologia, ei jääkiekko.
Nimimerkki siivotaan
Palvelin jättää jäljelle vain merkit a–z, 0–9 ja alaviivan.
Pisteet palvelimella
Oikea vastaus verrataan palvelimen taulukkoon, ei pelkkään selaimen valintaan.
Tiedostolukko
Tulosrivit kirjoitetaan JSONiin LOCK_EX-lukolla, jotta kaksi pelaajaa ei riko tiedostoa.
Palkinto täysillä
10/10 näyttää palkinnon. 9 pistettä kertoo, että se oli lähellä.
Miten se on kasattuTekninen toteutus
LomakeHTML
TarkistusPHP
Muistitietovisa.json
Ei tietokantapalvelinta. Tulokset ovat yksi JSON-tiedosto pelin kansiossa. Kirjoitus lukitaan, jotta rinnakkaiset vastaukset eivät korvaa toisiaan.
Miksi tämä on tehty näinRatkaisut
Vastausavain ei ole selaimessa
Lomake lähettää valinnat POST-pyyntönä. Piste lasketaan vasta, kun PHP vertaa ne oikeisiin vastauksiin.
Pieni muisti riittää
Visa ei tarvitse MySQLiä. Tiedosto ja lukko riittävät nimimerkin ja pistemäärän tallentamiseen.
TyökalutTech stack
PHP
HTML5
CSS
Testaa tietosi
Kymmenen oikein avaa palkintonäkymän. Yhdeksän pistettä jää niukasti vajaaksi.