---
# System prepended metadata

title: 'Тестове Завдання: Знак Зодіаку'

---

# Тестове Завдання: Знак Зодіаку

## З чим потрібно буде працювати:
- Локальне зберігання даних (обирайте зручний для вас спосіб)
- Прекешування растрових зображень
- Використання векторних зображень (обирайте зручний для вас спосіб)
- Відправка даних на API (довільне)
- Уміння реалізувати дизайн як у Figma

## Перший екран, Home

![](https://i.imgur.com/WDqdDKP.png)


На першому екрані користувач вводить свою дату народження та натискає кнопку "Astrologic Sign"

Обрана користувачем дата народження відправляється на API зі значеннями дата народження й знак зодіаку англійською.
Наприклад, ```{"birth": "09.08.1991","sign": "Leo"}```

Й зберігається як остання введена користувачем дата локально.
Аби при наступному старті додатку або поверненні на перший екран він не вводив її ще раз.

Якщо дата народження при натисканні кнопки "Astrologic Sign" не мінялася, непотрібно відправляти на API чи зберігати її локально.
Початкова дата народження 09.08.1991.

Дата народження повинна валідуватися, жодних букв, спеціальних символів чи невірної довжини.

Далі користувач переходить на другий екран.

## Другий екран, MySign

![](https://i.imgur.com/acoizst.png)
![](https://i.imgur.com/YettatC.png)
![](https://i.imgur.com/KSKUt7z.png)


На другому екрані користувач бачить зображення свого знаку зодіаку, стихію 
А також кнопку, що повертає його на попередній екран "Return".

## Анімація переходу між екранами

Fade, 100 ms

## Blur

https://api.flutter.dev/flutter/widgets/ClipRect-class.html
https://api.flutter.dev/flutter/widgets/ClipRRect-class.html

## Зображення 

- Растрові зображення, й головне, зображення фону, повинні бути прекешовані.
- Усі векторні зображення мають розмір 202 на 202, найпростіше використовувати векторні зображення через https://fluttershapemaker.com/ або jovial_svg

## Приклад Fake API:
URL для POST
https://jsonplaceholder.typicode.com/posts
Приклад JSON-у
```
{"birth": "09.08.1991","sign": "Leo"}
```
Перевірити онлайн:
https://reqbin.com/

## Ресурси
Figma: https://www.figma.com/file/PPut2CzOffCrdCLrnrJCOF/
Розмір екрану у Figma 375 на 812

Архів із зображеннями та допоміжним кодом:
https://mega.nz/file/HJ4yXbza#UZtCdxvwpWrBZPR0JU_ACecPfJ3Md1Xonog6O6DwCnA

Можете додатково задавати будь-які питання під час виконання завдання.