Skip to content

Workshop 9

Łukasz edited this page Apr 17, 2020 · 15 revisions

Pomysły na projekty

Recipe App:

  • Użytkownik może zobaczyć listę tytułów przepisów (zamockowana lista w jakims pliku .json/.js)
  • Użytkownik może kliknąć w tytuł przepisu, aby wyświetlić kartę przepisu zawierającą tytuł rodzaj posiłku (śniadanie, obiad, kolacja lub przekąska), dla ilu osób, jego poziom trudności (początkujący, średniozaawansowany, zaawansowany), listę składników (w tym ich ilości).
  • Użytkownik może dodać nowy przepis, naciskąjąć w przycisk 'dodaj nowy przepis', następnie wypełniająć formularz.
  • Użytkownik może wyedytować już istniejący przepis, kilkająć na liście przepisów i edytując dane w formularzu.

Dodatkowe funkcjonalności

  • Zalogowany uzytkownik ma dostęp do wszystkich widoków
  • Nie zalogowany użytkownik może wyswietlić listę przepisów i podglądnąć sczegółowe dane kazdego przepisu bez możliwości jego edycji.
  • Użytkownik moze wyszukać przepis po np. nazwie posiłku
  • Użytkownik może sortować listę przepisów po poziomie trudności

Użyteczne linki


Quiz App:

  • Użytkownik może rozpoczać quiz (zamockowana lista pytań i odpowiedzi) poprzez kliknięcie w przycisk
  • Użytkownik moze zobaczyć 4 możliwe odpowiedzi
  • po zaznaczeniu jednej odpowiedzi, pojawia się przycisk "przejdz dalej", az do momentu zakonczenia quizu.
  • Po zakonczeniu quizu, uzytkownik moze zobaczyć nastepujące statystyki:
  1. Czas ile mu zajęło ukończenie quizu
  2. ile udzielił poprawnych odpowiedzi
  3. wiadomość o wyniku, czy zdał czy nie

Dodatkowe funkcjonalności

  • użytkownik może dzielić się wynikiem testu w social mediach
  • Dodanie wielu testów do aplikacji, użytkownik może wybrać jeden z listy aby go rozpocząć
  • Użytkownik moze utworzyć swoje konto (zalogować się) i może zobaczyć wszystkie swoje wyniki w dashboard'zie.

Użyteczne linki


Simple Online Store

  • Użytkownik moze kliknać "View Products" przycisk aby zobaczyć listę produktów.
  • Użytkownik może zobaczyć karte ze szczegółami produktu takimi jak: zdjęcie, nazwa, cena, krotki opis i przycisk do wybrania tego produktu
  • Uzytkownik zobaczy wiadomość potwiedzająca dodanie produktu do koszyka
  • Użytkownik powinien widzieć cały czas przycisk "Shopping Cart", niezależnie od tego na którym jest widoku
  • Uzytkownik może przejść do widoku koszyka i zobaczyc tam liste wybranych produktów ze szczegółami: productId, nazwa, cena i ilość
  • Użytkownik moze zobaczyc całkowitą kwote zakupu
  • Użytkownik może dostosować zamówioną ilość dowolnego produktu, aby dostosować całkowitą kwotę zakupu.
  • Użytkownik może kliknąć przycisk "Place Order" na stronie koszyka, aby zakończyć zamówienie. Użytkownik zobaczy numer potwierdzenia po złożeniu zamówienia.
  • Użytkownik może kliknąć przycisk "Cancel Order" na stronie koszyka, aby anulować zamówienie. Użytkownik zobaczy liczbę produktów i całkowitą kwotę zakupu wyzerowaną.

Dodatkowe funkcjonalności

  • Użytkownik może określić adres wysyłki, gdy zamówienie jest składane ze strony koszyka
  • Użytkownik może zobaczyć koszty wysyłki dodane do całkowitej kwoty zakupu
  • Użytkownik może zobaczyć podatki od sprzedaży dodane do łącznej kwoty zakupu