Harun Kestendžić

Manji projekti

Forkify

Aplikacija za pretragu recepata koja koristi online API za recepte.

  • Napravljena u model-view-controller obrascu: model za podatke, zasebne klase prikaza za pretragu, rezultate, recept, paginaciju i oznake te kontroler koji ih povezuje.
  • Rezultati pretrage prikazuju se po deset na stranici s dugmadima za stranice.
  • Recepti se mogu označiti, a forma omogućava dodavanje vlastitog recepta (traži lični API ključ, koji je u kodu samo rezervisano mjesto).
  • Stilovi su u Sassu, a paket pravi Parcel.

Ovi projekti prate gradivo kursa, pa pokazuju šta sam naučio, a ne vlastite dizajne.

Vrsta
Web
Šta je
Web, projekat za učenje
Napravljeno sa
JavaScript, Sass, Parcel
Prikaz rada: pretraga, otvaranje recepta, promjena porcija, označavanje.
Rezultati pretrage za pizzu u Forkifyju, kao lista sa slikom i izdavačem.
Rezultati pretrage za pizzu.
Recept za šest porcija s popunjenim dugmetom za oznaku.
Promjena broja porcija preračuna količine sastojaka. Oznaka je popunjena.
Padajuća lista oznaka s dva spremljena recepta.
Oznake, sačuvane u pregledniku.
Kraj liste rezultata s dugmetom Page 2, pored sastojaka recepta i dugmeta Directions.
Rezultati dolaze po deset na stranici. Directions otvara originalnu stranicu recepta.