Stwórz kompletną, interaktywną aplikację mobilną w języku polskim pod nazwą „Randka Niespodzianka”.

Aplikacja ma wyglądać jak gotowy produkt klasy premium na iPhone, z pięknym interfejsem, płynnymi animacjami oraz pełną interaktywnością. Nie twórz makiety ani statycznych ekranów. Stwórz działający prototyp aplikacji.

WAŻNE

Cały interfejs ma być wyłącznie w języku polskim.

Używaj wyłącznie czcionki Lato.

Wszystkie polskie znaki muszą być poprawnie wyświetlane.

Nie używaj żadnych angielskich tekstów.

Nie używaj tekstów zastępczych typu Lorem Ipsum.

Zdjęcie partnera znajduje się tutaj:

[WKLEJ TUTAJ LINK DO ZDJĘCIA SWOJEGO PARTNERA]

Wykorzystaj zdjęcie jako referencję głównej postaci aplikacji. Zachowaj charakterystyczne rysy twarzy. Przedstaw postać w lekkim, uroczym, zabawnym stylu 3D inspirowanym animacjami. Ta sama postać ma pojawiać się na wszystkich ekranach z różnymi emocjami.

Styl aplikacji:

• pastelowy róż
• białe zaokrąglone karty
• efekt glassmorphism
• unoszące się serca
• przyciski 3D
• delikatne cienie
• płynne animacje
• subtelne mikroanimacje
• konfetti po ważnych akcjach
• nowoczesny wygląd iPhone
• premium UI
• spójne ikony
• eleganckie odstępy
• romantyczny i zabawny charakter

────────────────────────

EKRAN STARTOWY

Logo aplikacji:

„Randka Niespodzianka ❤️”

Krótka animacja serduszek.

Przycisk:

„Rozpocznij”

────────────────────────

EKRAN 1

Na górze znajduje się postać partnera z niepewną, uroczą miną.

Nagłówek:

„Pójdziesz ze mną na randkę? 🥹❤️”

Dwa duże przyciski:

❤️ TAK

🙈 NIE

Najważniejsza funkcjonalność:

Przycisk „NIE” ma uciekać przed kursorem myszy oraz palcem użytkownika.

Po wykryciu zbliżenia na około 150 pikseli przycisk natychmiast zmienia pozycję.

Losowo wybieraj jedną z bezpiecznych pozycji wewnątrz ekranu telefonu.

Przycisk zawsze musi pozostać w całości widoczny.

Nigdy nie może wyjść poza ekran.

Nigdy nie może zostać ucięty.

Nigdy nie może zniknąć.

Pozycjonowanie ma odbywać się względem ramki telefonu.

Uwzględnij margines bezpieczeństwa 24 px od każdej krawędzi.

Obsłuż:

hover

mousemove

touchstart

touchmove

Po około pięciu próbach kliknięcia pokaż komunikat:

„No weź… 😂”

Jedynym możliwym wyborem jest:

❤️ TAK

Po kliknięciu przejdź do kolejnego ekranu.

────────────────────────

EKRAN 2

Postać partnera jest zaskoczona i szczęśliwa.

Nagłówek:

„Naprawdę się zgodziłaś? 😍”

Opis:

„Szczerze? Byłem przygotowany na odmowę 😂”

Przycisk:

„Dalej ❤️”

────────────────────────

EKRAN 3

Nagłówek:

„Kiedy masz ochotę?”

Dodaj nowoczesny kalendarz.

Dodaj wybór godziny.

Przycisk:

„Wybierz termin”

────────────────────────

EKRAN 4

Nagłówek:

„Na co masz dziś ochotę?”

Duże kafelki:

🍣 Sushi

🍕 Pizza

🍔 Burger

🌮 Tacos

🍝 Makaron

🥩 Stek

Po wyborze:

Przycisk:

„Dalej 😍”

────────────────────────

EKRAN 5

Nagłówek:

„Co dziś robimy?”

Opcje:

🎬 Kino

🌅 Spacer

🏖 Plaża

🎳 Kręgle

🎡 Wesołe miasteczko

☕ Kawiarnia

🍷 Kolacja

🧺 Piknik

Po wyborze:

Przycisk:

„Dalej ❤️”

────────────────────────

EKRAN 6

Nagłówek:

„Masz ochotę na niespodziankę?”

Opcje:

🌹 Kwiaty

🍫 Czekoladki

💌 List

🎁 Tajemnica

Po wyborze:

Przycisk:

„Zobacz podsumowanie ✨”

────────────────────────

EKRAN PODSUMOWANIA

Postać partnera uśmiecha się i macha.

Nagłówek:

„Randka gotowa! ❤️”

Pokaż podsumowanie:

📅 Data

🕒 Godzina

🍽 Jedzenie

🎬 Aktywność

🎁 Niespodzianka

Komunikat:

„Przyjadę po Ciebie o wybranej godzinie. Ty po prostu bądź gotowa. ❤️”

Przycisk:

„Potwierdź randkę ❤️”

────────────────────────

INTEGRACJA Z CANVA SHEETS

Aplikacja ma automatycznie korzystać z Canva Sheets jako bazy danych.

Jeżeli arkusz nie istnieje, utwórz go automatycznie.

Nazwij arkusz:

„Umówione randki”

Po kliknięciu przycisku „Potwierdź randkę ❤️” automatycznie zapisz nowy rekord.

Kolumny:

• Data utworzenia

• Data randki

• Godzina

• Wybrane jedzenie

• Wybrana aktywność

• Wybrana niespodzianka

• Status

Domyślna wartość statusu:

„Zaplanowana ❤️”

Po zapisaniu danych pokaż komunikat:

„Twoja randka została zapisana ❤️”

oraz

„Szczegóły zostały automatycznie dodane do Canva Sheets.”

────────────────────────

EKRAN HISTORII

Dodaj ekran:

„Historia randek ❤️”

Pobieraj dane z Canva Sheets.

Wyświetl wszystkie zapisane randki jako estetyczne karty.

Każda karta zawiera:

📅 Datę

🕒 Godzinę

🍽 Jedzenie

🎬 Aktywność

🎁 Niespodziankę

❤️ Status

Lista ma automatycznie odświeżać się po zapisaniu nowej randki.

────────────────────────

ANIMACJE

• unoszące się serduszka

• płynne przejścia pomiędzy ekranami

• subtelne mikroanimacje

• efekt kliknięcia przycisków

• delikatne pulsowanie głównych przycisków

• konfetti po zakończeniu rezerwacji

• animacje postaci

────────────────────────

WYMAGANIA TECHNICZNE

• stosuj Auto Layout

• stosuj komponenty wielokrotnego użytku

• projektuj w proporcjach iPhone

• zachowuj wybory użytkownika pomiędzy ekranami

• wszystkie ekrany muszą być połączone przyciskami

• wszystkie dane mają zapisywać się do Canva Sheets

• historia ma pobierać dane z Canva Sheets

• cały projekt ma wyglądać jak gotowa aplikacja premium

• interfejs ma być elegancki, szybki i nowoczesny

• zadbaj o responsywność

• wszystkie elementy mają być perfekcyjnie wyrównane

• priorytetem jest poprawne działanie przycisku „NIE”, który ucieka wyłącznie wewnątrz ekranu telefonu i nigdy nie opuszcza jego obszaru.