Projektas

Lietuvos krepšinio komandos

„Lietuvos krepšinio komandos“ svetainės pagrindinis puslapis
Apie projektą

Šią web aplikaciją kūriau naudodamas Node.js (Javascript vykdimų aplinka leidžianti kurti serverius, žiniatinklio programas). Kartu su šia aplinka naudojau ir „Express“, bei „EJS“ NPM (Node package manager) modulius. „Express“ modulis supaprastina Node.js aplinkos funkcionalumą keliomis kodo eilutėmis, kas yra daug greičiau ir efektyviau. „EJS“ modulis arba „Embedded Java Script“ yra šablonų variklis leidžiantis sukurti html puslapius su minimaliu kodu, bei gali įterpti duomenis į šį html puslapį kliento pusėje, kitaip tariant dinamiškai atvaizduoja duomenis bei leidžia juos įterpti su JavaScript.

Tikslas šios webaplikacijos yra pateikti vartotojui sąrašą komandų, kurias jis pasirinkęs galėtų gauti apie jas informacijos, taip pat surasti tuos žmonės, kurie priklauso toms krepšinio komandoms. Duomenis apie komandas naudojau iš savo paties sukurtos Aplikacijų programavimo sąsajos (toliau – API). Tam, kad tuos duomenis gauti buvo pasitelktas NPM modulis „Axios“. Šis modulis atsiunčia duomenis iš API ir konvertuoja juos iš string failo į JavaScript object failą, kurį galima manipuliuoti iš serverio pusės (toliau backend) ir atvaizduoti kliento pusėje (toliau frontend).

Sąrašas naudojamų modulių šiame projekte
Sąrašas naudojamų modulių šiame projekte

Visa informacija yra atvaizduojama tame pačiame puslapyje, gaunami nauji duomenys užsirašo ant senų arba tiesiog šie duomenys yra pašalinami taip jie dingsta ir vartotojas jų nemato.

Visa internetinė aplikacija sukurta viename puslapyje
Visa internetinė aplikacija sukurta viename puslapyje

Konkretus pavyzdys dinamiško atvaizdavimo. Vartotojas pasirenka, apie kurią komandą norėtų sužinoti daugiau, šiuo atveju apie Kėdainių „Nevėžis – Optibet“.

Internetinio puslapio komandos pasirinkimas
Internetinio puslapio komandos pasirinkimas

Paspaudus ant norimos komandos, Backend dalyje gaunama internetinio adreso nuoroda su komandos identifikaciniu numeriu, pagal jį ir bus gaunami tie duomenys, kurie priklauso tos komandos identifikaciniam numeriui.

Kėdainių „Nevėžis – Optibet“ duomenų atvaizdavimas html puslapyje „EJS“ varikliu
Kėdainių „Nevėžis – Optibet“ duomenų atvaizdavimas html puslapyje „EJS“ varikliu.
Duomenų gavimas „Axios“ modulio pagalba, turint komandos identifikacijos numerį
Duomenų gavimas “Axios” modulio pagalba, turint komandos identifikacijos numerį

Jei norima surasti konkretų žmogų pagal pozicija, web aplikacijoje yra sukurti laukeliai leidžiantys ieškoti pagal poziciją, vardą arba pavardę.

Ieškojimas pagal poziciją iš svetainės pusės
Ieškojimas pagal poziciją iš svetainės pusės
Duomenų gavimas apie konkretų žmogų, duomenų manipuliacija serverio pusėje
Duomenų gavimas apie konkretų žmogų, duomenų manipuliacija serverio pusėje
Atvaizduojamas paieškos rezultatas
Atvaizduojamas paieškos rezultatas

Taigi ši web aplikacija leidžia susipažinti su Lietuvos krepšinio klubais, jų žaidėjais, sudėtimi naudojant duomenis ir imant juos iš savo pačios sukurtos API.