= Реализација на случаи на употреба

=== ** ИД 1 ** - Регистрација на корисник

Корисникот се наоѓа на home страницата и го кликнува копчето за регистрација на корисник

[[Image(homePage.png, height=450, width=900)]]

Притоа, корисникот е пренасочен кон /register каде што внесува потребни информации за регистрација на нов корисник.

[[Image(registerPage.jpg, height=450, width=900)]]

При успешна регистрација на корисникот се појавува модален прозорец кој што му соопштува на корисникот дека креацијата е успешна.

[[Image(registerPageSucc.jpg, height=450, width=900)]]

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

=== ** ИД 2 ** - Најава на корисник

Корисникот се најавува и е редиректиран на home страницата како најавен корисник со дополнителни функции

[[Image(loginPage.jpg, height=450, width=900)]]

[[Image(homePageLoggedIn.png, height=450, width=900)]]

=== ** ИД 3 ** - Пребарување на рецепти

Корисникот го кликнува копчето за листање на рецепти којшто се наоѓа во nav bar секцијата од повеќето страници

[[Image(recipePage.jpg, height=450, width=900)]]

=== ** ИД 4 ** - Филтрирање на рецепти

Корисникот е моментално на home страницата каде што има филтри според различни критериуми:

Корисникот го користи филтерот за пребарување на рецепти од предодредени категории

[[Image(filter1.png, height=450, width=900)]]

Корисникот го користи филтерот за пребарување на рецепти од предодредени националитети

[[Image(filter2.png, height=450, width=900)]]

Корисникот го користи филтерот за пребарување на рецепти од сите намирници коишто ги има во достапните рецепти

[[Image(filter3.png, height=450, width=900)]]

Корисникот го користи search-от каде што може да пребарува на рецепт според името / дел од името на рецептот

[[Image(filter4.png, height=450, width=900)]]

== ** ИД 5 ** - Клик на копчето за пребарување на рецепти

Корисникот го кликнува копчето "Search" каде што е пренасочен кон страницата за рецепти кои се прикажуваат според дадените барања

[[Image(filterEnd.jpg, height=450, width=900)]]