FlowerRide - Internetowa Kwiaciarnia Wysyłkowa (aplikacja webowa - część frontendowa)
TypeScript + Angular (NodeJS w wersji 14.18.1)
Zamawiać kwiaty może każdy niezalogowany użytkownik aplikacji. Kroki, jakie należy wykonać to:
- Z poziomu strony głównej aplikacji wybrać zakładkę „Przeglądaj produkty”;
- W kolejnym kroku dodać do koszyka interesujące nas produkty w odpowiedniej ilości:
- Następnie przejść do podsumowania zamówienia klikając w ikonę koszyka.
- Szczegóły zamówienia wraz z łączną sumą do zapłaty znajdują się po lewej stronie widoku. Natomiast prawą część należy wypełnić odpowiednimi informacjami:
danymi nadawcy:
oraz odbiorcy:
- Ostatnim etapem jest kliknięcie w przycisk „Złóż zamówienie”, który powoduje przeniesienie do pop-up’u odpowiedzialnego za płatność:
W celu zalogowania się na swoje konto należy ze strony głównej wybrać opcję „Zaloguj się”. Okienko logowania wygląda następująco:
Po poprawnym podaniu loginu oraz hasła pracownik kwiaciarni może skorzystać z poniższych funkcjonalności:
- Dodawanie produktu - odbywa się poprzez podanie nazwy produktu, jego ceny za sztukę oraz liczby dostępnej w magazynie:
- Aktualizacja liczby dostępnych produktów w magazynie:
- Edycja dostępnych produktów z poziomu zakładki „Magazyn”:
- Usuwanie dostępnych produktów z poziomu zakładki „Magazyn”:
Po poprawnym podaniu loginu oraz hasła administrator może skorzystać z poniższych funkcjonalności:
- Dodawanie nowych użytkowników podając ich login, hasło oraz wybierając rolę „Użytkownik” lub „Administrator”:
- Przeglądanie listy użytkowników:
- Edycja informacji o użytkownikach:
- Usuwanie kont użytkowników: