Linkovi

Link deploya: https://hciwebshop.vercel.app/

Link izvješća na Notionu: https://glamorous-kumquat-656.notion.site/HCI-HOME-DECOR-03a611673a4b4cd9a932e4bc4ca7d384?pvs=4

Kratki opis projekta

Projekt "Home Decor Web Shop" predstavlja inovativno rješenje u svijetu online trgovine, fokusirano na prodaju proizvoda za uređenje doma. Razvijen od strane Ivana Lazarušića i Domagoja Tomića u okviru predmeta Korisničkih sučelja, ovaj projekt demonstrira upotrebu modernih tehnologija kao što su React i Next.js za izradu dinamičke web stranice, te Contentful za upravljanje sadržajem poput proizvoda i blog postova. Dizajn web stranice, kreiran korištenjem alata Figma, odlikuje se intuitivnošću i estetskom privlačnošću, čineći navigaciju i kupovinu proizvoda jednostavnom i ugodnom za korisnike.

Funkcionalnosti stranice obuhvaćaju širok spektar opcija kao što su pregled i odabir proizvoda, filtriranje i pretraživanje specifičnih artikala, mogućnost odabira količina, kao i opciju za slanje upita i prijavu na newsletter putem emaila. Dodatno, web stranica sadrži i blog sekciju koja služi kao izvor inspiracije za dekoriranje prostora, nudeći korisnicima ideje i savjete za uređenje doma. Ovaj projekt predstavlja primjer kako se kroz kombinaciju tehnologije i dizajna može stvoriti visokokvalitetno korisničko iskustvo u online kupovini.

Tijek projekta u 2024.

Kratki opis tijeka razvoja projekta

5.1.2024 (prvi tjedan 2024.)

• Dodan test prikaz svih blog postova
• Dodana 404 error stranica za krive linkove
• Popravci bugova

10.1.2024 (drugi tjedan 2024.)

• Dodani artikli i blog postovi na Contentful
• Poptuno implementirana stranica prikaza proizvoda
• Popravci bugova

15.1.2024 (treći tjedan 2024.)

• Dodan prikaz pojedinačnog blog posta
• Spojen contentful i react kod
• Manje dizajn promjene
• Popravljanje bugova

25.1.2024 (četvrti tjedan 2024.)

• Rješavanje bugova

10.2.2024

• Uz savjet profesora popravljanje određenih dizajnerskih grešaka

Razdoblje nakon 10.2.2024

• Dodavanje login i register formi
• Sustav prijavljenog korisnika koristeći sesije i jwt
• Dodavanje mogućnosti dodavanja proizvoda u košaricu
• Sustav kontrole košarice

Malo slika :)

Hero section na početnoj stranici

Stranica jednog proizvoda

Grid blog postova

Contact us

Login

Cart

Što se još može dodati/popraviti?

• Proizvodi u košarici se spremaju na Contentful umjesto u local storage
• Stranica sa svim informacijama o trenutačno logiranom korisniku
• Stranica za odabiranje metode plaćanja
• Enkriptirani privatni podaci korisnika
• Bolji općeniti security stranice
• Bolja optimizacija svih slika i asseta
• Mnoštvo bug fixova :)

Meme