Firestore, Fetch API ja JSON/XML - viikkotehtävä 5

Toteutetaan javascriptin ja Fetch APIn avulla aiemmilta viikoilta tuttu tulospalvelujärjestelmä single-page applikaationa (SPA). Tehtävässä on ideana osata käyttää Firestoren rajapintaa sekä tehdä WWW-palvelimelle sopivia apuohjelmia, joita voi sitten kutsua Javascript-ohjelmasta

Yhteiset vaatimukset:

Taso 1

Luo itsellesi fork valmiista pohjasta

Firestoreen (native mode) on tallennettava valmiiksi hieman vastaavat tiedot, kuin mitä käytettiin aiemmissa viikkotehtävissä. Tässä sisältö on helposti käsiteltävässä muodossa. Muista varmistaa, että sarjat liittyvät oikeaan kilpailuun.

kilpailut = [{"kisaid": 1, "kisanimi":"Jäärogaining", "loppuaika": "2023-03-17 20:00:00", "alkuaika": "2023-03-15 09:00:00"}, {"kisaid": 2, "kisanimi":"Fillarirogaining", "loppuaika": "2016-03-17 20:00:00", "alkuaika": "2016-03-15 09:00:00"}, {"kisaid": 3, "kisanimi":"Kintturogaining", "loppuaika": "2017-03-18 20:00:00", "alkuaika": "2017-03-18 09:00:00"},{"kisaid": 99, "kisanimi":"Jäärogaining", "loppuaika": "2021-05-01 20:00:00", "alkuaika": "2021-05-01 12:00:00"}]

sarjat = [{"sarjanimi":"4 h", "kisa": 1, "kesto": 4, "sarjaid": 1}, {"sarjanimi":"2 h", "kisa": 1, "kesto": 2, "sarjaid": 2}, {"sarjanimi":"8 h", "kisa": 1, "kesto": 8, "sarjaid": 3},{"sarjanimi":"Pikkusarja", "kisa": 3, "kesto": 4, "sarjaid": 4},{"sarjanimi":"8 h", "kisa": 3, "kesto": 8, "sarjaid": 5}, {"sarjanimi":"Isosarja", "kisa": 3, "kesto": 8, "sarjaid": 6},{"sarjanimi":"Pääsarja", "kisa": 2, "kesto": 4, "sarjaid":7},{"sarjanimi":"2 h", "kisa": 2, "kesto": 2, "sarjaid": 8}]

Suunnittele tarjolla olevia tietoja varten sopiva tallennushierarkia Firestoreen. Tallenna edellä valmiina annetut tiedot Firestoreen.

Toteuta seuraavanlainen sovellus:

Taso 3

Laajenna taso 1 -mukaista ohjelmaa seuraavilla tavoilla:

Taso 5

Laajenna taso 3 -mukaista ohjelmaa seuraavilla ominaisuuksilla:

Käyttäjien kommentit

Kommentoi Lisää kommentti
Informaatioteknologia - Jyväskylän yliopiston informaatioteknologian tiedekunta