= Имплементација на случаи на употреба || ID || Use Case || || 1 || Регистрација на нов корисник || || 2 || Преглед на достапни акции || || 3 || Преглед на детали за акција || || 4 || Купување акција || || 5 || Пристап до демо верзија || || 6 || Преглед на портфолио || == ИД: 1 - Регистрација на нов корисник Формата за регистрација овозможува внес на податоци и повикување на backend endpoint за создавање на нов корисник. [[Image(landingPage.png)]] [[Image(signupSucc.png)]] [[Image(signupReact.png)]] Методот /register го прима барањето од корисникот и ја повикува сервис логиката за регистрација. [[Image(authController.png)]] Потоа во овој метод се креира нов корисник, лозинката се енкриптира, се снима во базата и автоматски се креира празно портфолио за корисникот. На крај, системот генерира JWT токен кој ќе се користи за автентикација. [[Image(authServiceRegister.png)]] Entity класата User ја дефинира структурата на корисникот кој се зачувува во базата. [[Image(userModel.png)]] == ИД: 2 - Преглед на достапни акции На оваа страница се прикажани сите акции кои се достапни во системот. [[Image(dashboard.png)]] Компонентата прави повик до backend и ја прикажува листата на акции. [[Image(stocksReact.png)]] Овој метод го враќа списокот на сите акции од базата на податоци. [[Image(stockController.png)]] Stock Repository ја овозможува комуникацијата со базата за да се повлечат сите акции. [[Image(stockRepo.png)]] Класата Stock ја дефинира структурата на акциите кои се чуваат во базата. [[Image(stockModel.png)]] == ИД: 3 - Преглед на детали за акција Прикажан графикон за цената на акцијата во последната недела/месец. [[Image(stockDetail.png)]] Во useEffect hook, компонентата прави HTTP повик кон backend за да ги земе историските податоци за акцијата со дадениот симбол. [[Image(detailsReact.png)]] Овој метод враќа историја на цените за даден симбол на акција, што овозможува прикажување на графикон. [[Image(detailsController.png)]] Сервисниот слој ја зема историјата на акцијата од базата преку репозиториумот. [[Image(detailsService.png)]] Репозиториумот овозможува пристап до историските податоци за акција според симбол. [[Image(detailsRepo.png)]] StockHistory ја дефинира структурата на историските податоци за цената на акцијата. [[Image(detailsModel.png)]] == ИД: 4 - Купување акција [[Image(tradeReq.png)]] [[Image(approval.png)]] == ИД: 5 - Пристап до демо верзија [[Image(demo1.png)]] [[Image(demo2.png)]] [[Image(demo3.png)]] == ИД: 6 - Преглед на портфолио [[Image(loginPage.png)]] [[Image(realPort.png)]]