Имплементација на случаи на употреба

На следната табела се прикажани сработените кориснички сценарија:

ID	Use Case
1	Регистрација
2	Најава
3	Преглед на почетната страна
4	Филтрирање производи
5	Пребарување производи
6	Преглед на панелот на направени нарачки
7	Уреди производ
8	Смени статус на нарачка
9	Додавање во кошничка
10	Поднесување нарачка
11	Преглед на мои нарачки
12	Разгледај продукт
13	Остави оценка (rating, review)

Нерегистриран Корисник

Use Case ID: 1 – Регистрација

Корисникот го кликнува копчето за регистрација со што се извршува основна валидација на формата на клиентска страна (ако станува збор за купувач, последната селекција од регистрацијата не треба да биде селектирана).
Потоа AuthContext праќа POST барање до backend (аuth.js/register). По успешен одговор од серверот, аuthContext ја зачувува корисничката информација во својот локален state и ја запишува во localStorage за постојана сесија и побрзо ажурирање.

На серверот се извршува повторна валидација и проверка дали веќе постои корисник со дадените податоци. Ако валидацијата е успешна, backend креира нов запис во табелата users и враќа информации за корисникот. На серверот се валида, проверува дали корисникот постои, хашира лозинка и креира запис во датабазата.

Use Case ID: 2 – Најава

Корисникот притиска „Log in“ копче на страницата.

Клиентот повикува login() од аuthContext, која потоа праќа POST барање /api/auth/login до backend. Кај фронтенд, при успех кај серверот, аuthContext ја обновува состојбата (и запишува во localStorage-за повторно вчитување по refresh).

Backend контролер ја верификува лозинката, креира JWT и враќа user + token.

Најавен Корисник

Use Case ID: 3 – Преглед на почетната страна

Use Case ID: 4 – Филтрирање производи

Корисникот внесува текст во полето за пребарување и/или избира категорија.

Компонентата го гради објектот со филтри и повикува fetchCategories(filters). ProductContext праќа HTTP GET до backend.

Backend враќа филтриран список на производи. Kонтекстот го ажурира products и loading. Home компонентата се ререндерира и прикажува филтрираните резултати.

Use Case ID: 5 – Пребарување производи

Принципот на функционирање е ист како и кај филтрирање, само што наместо fetchCategories() се повикува fetchProduct().

Use Case ID: 6 – Преглед на својот профил

Use Case ID: 7 – Преглед на мои нарачки

Use Case ID: 8 – Додавање во кошничка

На почетокот кошничката на купувачот е празна.

Use Case ID: 9 – Разгледување кошничка

Порака и изглед на кошничката по додавањето продукти.

Изглед на checkout делот од страната пред и по пополнувањето на соодветните информации.

Use Case ID: 10 – Поднесување нарачка

Поднесување на нарачката и приказ на историјата на нарачки.

Use Case ID: 11 – Преглед на нарачката и соодветните статуси

Прво се појавува можност за разгледување нарачката, која е во состојба на чекање (pending).

Откако продавачот ќе ја одобри нарачката, статусот се променува од состојба на чекање во статус дека нарачката е одобрена.

Со прифаќање на нарачката од страна на продавачот, тој почнува да ја припрема нарачката и преминува во статус на процесирање на самата нарачка.

По подготовката на нарачката таа се доставува на дадената адреса. Соодветно на тоа, се ажурира и статусот кај преглед на нарачката во испратена за испорака, а потоа и примена од страна на купувачот.