Opis zlecenia
Ionic 5.
Stworzenie szablonu apikacji opartej o Ionic 5 oraz anugal.
Szata graficzna nie jest istotna.
Szablon aplikaci musi spełniać oczekiwania poniżej wypisane.
Głównym kryterium odbioru jest pokazanie skompilowanej aplikacji na telefonach :
1. System android
2. System ios (iphone) - wersja nie jest istotna
3. Aplikacja musi być skompilowana, nie tylko widok z emulatora.
Działanie aplikacji na telefonie ma być nagrane w formie wideo.
Zamówieniu podlega template aplikacji. To znaczy, że elementy które będą dodawane do np listy miast automatycznie się na niej wyświetlą (lista sama się wydłuży). To samo dotyczy ilości tekstu na każdej podstronie, wielkości zdjęcia ...
Chcemy posiadając taki szablon dowolnie edytować treści wyświetlane w aplikacji, oraz po skompilowaniu mieć aplikację gotową do użycia.
Aplikacja posiada tylko 2 widoki.
Widok nr 1.
Lista przesówana z nazwami miast. Listę można przewijać w dół i z powrotem w górę. Dodanie do szablonu div z kolejnym miastem powoduje wydłużenia listy. Czyli mogą być początkowo 3 miasta, a po dodaniu następnych 30 będzie się ona płynnie przesówać do 33 pozycji. Kliknięcie / tapnięcie w miasto przenosi usera do kolejnego - drugiego widoku.
Widok nr 2.
Widok nr 2 zawiera jedno image oraz tekst pod zdjęciem. Zdjęcie może być dowolnej wielkości - formatowane jest wtedy do szerokości diva oraz skalowane na wysokość. Jeżeli nie dodamy zdjęcia wyświetla się od samej góry tylko tekst. Jeśli nie ma tekstu - to może być tylko zdjęcie.
Tekst znajduje się pod zdjęciem. Wielkość widoku nr 2 zależna jest od wielkości zdjęcia oraz ilości tekstu na stronie.
Możliwe jest płynne przewijanie w górę / dół.
Dodatkowo przewijanie poziome przenosi usera na inny widok (też typu nr 2) z innym zdjęciem i tekstem. Czyli jest linkowanie (tak jakby w poziomie) z kolejnymi / poprzednimi widokami (wszystkie typu 2).
W efekcie można nawigować poziomo (w lewo i w prawo) do kolejnych / poprzednich widoków, oraz w dół / w górę - czytać tekst zawarty na stronie.