Final task from javascript-react course summer 2024
-
Zadatak 2: Napraviti aplikaciju za online narucivanje garderobe. Aplikacija ce imati 5 kljucnih stranica kako bismo omogucili jednostavno I ugodno iskustvo korisnicima, te stranice su sledece: Home, Products, Product, Cart I Order Summary stranice. U zaglavlju aplikacije treba da budu prikazane samo prve 4 (Home, Products, Product, Cart).
-
Pocinjemo sa Home stranicom, gde smo kreativni u dizajniranju izgleda. Na ovoj stranici isticemo dugme Discover our products koje vodi korisnike direktno na Products stranicu.
-
Products stranica prikazuje proizvode dobijene putem odredjenog API-a koje mozete naci na kraju zadatka. Svaki proizvod treba da ima prikazanu sliku, naslov proizvoda, cenu. Ovi proizvodi predstavljaju linkove koji, kada se kliknu, vode korisnike na Product stranicu, gde mogu detaljnije pregledati odabrani proizvod. Product stranica pruza detaljan pregled odabranog proizvoda, prikazajuci sve relevantne informacije I opcije, a to su slika, naziv proizvoda, opis, kategorija, cena I dugme Add to Cart koje omogucava korisnicima da ih dodaju u korpu.
-
Na Cart stranici korisnici mogu pregledati proizvode koje su dodali u korpu. Klikom na dugme Go to checkout otvara se Order Summary stranica. Order Summary stranica sadrzi formu za popunjavanje adrese za dostavu(ime, prezime, adresa, grad I email). Pored toga, pruza pregled svih dodatih proizvoda I ukupnu cenu. U okviru forme, postoji dugme Checkout koje, kada se klikne, vraca korisnike na Home stranicu.