Дизайн додатку SOS

1 Реєстрація та профіль

1. Вітальний екран (Splash / Onboarding)
   
   

   • стан 1: показ слайдів із функціями додатку
     
     

   • стан 2: кнопки «Зареєструватися» / «Увійти»
     
     

2. Екран реєстрації / авторизації
   
   

   • стан: вибір методу (телефон, email, Google, Apple)
     
     

   • модалка: «Помилка входу» (невірний код, немає інтернету тощо)
     
     

3. Підтвердження (OTP / email verification)
   
   

   • стан: очікування коду
     
     

   • стан: повторний запит коду
     
     

4. Створення профілю
   
   

   • модалка: «Дозволити доступ до фото/камери»
     
     

   • стан: вибір ролі (діти, дорослі, літні)
     
     

5. Налаштування приватності
   
   

   • модалка: «Виберіть, хто може бачити вашу геолокацію» (персоналізований список контактів).
     
     

6. Налаштування типів загроз
   
   

   • стан: вибір стандартних
     
     

   • модалка: «Додати свій варіант» (поле вводу + іконка)
     
     

   • стан: перегляд і редагування списку своїх загроз
     
     

2 Локація в реальному часі

7. Головний екран з картою
   
   

   • стан: відображення активних учасників
     
     

   • стан: немає інтернету (буферизація)
     
     

   • модалка: «Дозвіл на доступ до геолокації»
     
     

3 Кола (групи)

8. Список моїх кіл
   
   

   • стан: немає кіл → «Створіть або приєднайтесь»

   • стан: є кілька груп з бейджами активності

9. Екран кола

   • Коли юзер провалюється в конкретне коло, там має бути список учасників і внизу має бути кнопка SOS з надписом "Надіслати SOS учасникам цього кола", після натискання список варіантів і свій варіант з можливістю додати текст і фото
     
     

10. Створення кола
    
    

    • стан: заповнення даних
      
      

    • модалка: «Назва обов’язкова»
      
      

11. Запрошення до кола
    
    

• модалка: показ QR-коду
  
  

• модалка: «Скопійовано посилання»
  
  

11. Налаштування кола
    
    

• стан: список учасників
  
  

• стан: роль кожного (адмін/учасник)
  
  

• модалка: «Видалити учасника»
  
  

• модалка: «Вийти з кола»
  
  

4 SOS / Тривожна кнопка

12. Кнопка SOS (на головному екрані)
    
    

• стан: коротке натискання → вибір типу небезпеки
  
  

• стан: довге натискання → миттєве відправлення
  
  

13. Вибір типу небезпеки
    
    

• стан: вибір стандартного варіанту
  
  

• стан: вибір зі своїх загроз
  
  

14. Екран підтвердження відправки
    
    

• стан: «Сигнал відправлено» з анімацією
  
  

• модалка: «Не вдалося відправити» (немає мережі → буферизація)
  
  

15. Історія SOS
    
    

• стан: список з датами та типами небезпек
  
  

• модалка: «Деталі SOS» (хто отримав, геолокація)
  
  

5 Геозони

16. Список геозон
    
    

• стан: немає створених → «Додайте місце»
  
  

• стан: список активних
  
  

17. Створення / редагування геозони
    
    

• стан: вибір точки на карті
  
  

• стан: встановлення радіусу
  
  

• модалка: «Назва обов’язкова»
  
  

18. Налаштування повідомлень
    
    

• тумблери: «Повідомляти при вході / виході»
  
  

6 Історія переміщень

19. Екран історії маршрутів
    
    

• стан: список днів (до 7)
  
  

• стан: пусто → «Історія ще не зібрана»
  
  

20. Деталі маршруту
    
    

• стан: карта з точками
  
  

21. Стан буферизації офлайн-даних
    
    

• стан: «Очікування синхронізації»
  
  

• стан: «Синхронізовано успішно»