Javascript/React sceleton for a humanitarian aid application

Технічне завдання.

1. Перший екран. На екрані 4 елементи:Зверху обличчя людини (див. пункт 2), яка дивиться на Землю внизу.У самому низу 3д Земля, яка крутиться. Приклад імплементації 3д Землі:  https://codepen.io/donovanh/pen/kQgMmE

Використовувати Google Maps (це можливо?). Між обличчям і Землею 2 кнопки одна над одною: 1. Допоможіть 2. Допомогти

2. Екран Допоможіть. На цьому екрані має бути тільки обличчя. Це голосовий чатбот, який буде збирати інформацію щодо потрібної допомоги. Якщо відсутній інтернет звʼязок цей екран має показувати номер кол-центру за допомогою якого можна звʼязатись з тим же чатботом. При кліку на номер телефону має бути переход на додаток для дзвінків. За обличчя бота взяти будь-яку 2д аватарку і розмістити її по центру  у card-елементі (тобто з тінями навкруги, щоб обличчя візуально виступало над екраном). Потрібно зробити тільки UI, імплементація бота є поза скоупом цього ТЗ. 

3. Екран Допомогти. На цьому екрані зображені тільки Google Maps, спочатку так, щоб було видно всю Землю.На мапі видно обʼєднані маркери, які показують кількість запитів на допомогу в цьому районі.При збільшенні карти маркери розʼєднуються в окремі, поки не буде видно маркери конкретних запитів. При кліку на маркер конкретного запиту переходимо на екран Запиту. Імітувати запити до Firestore з тестовими даними.

4. Екран Запиту. На цьому ерані зображена інформація про людину(організацію), яка створила запит. Фото, якщо є, імʼя та прізвище та перелік того, що людина потребує з вартістю речі. Також має бути інформація через яку волонтерську організацію людина хоче отримати допомогу, якщо вона не в змозі купити потрібне сама. Біля кожного елементу переліку має бути кнопка Купити.  При кліку на кнопку Купити переходимо на екран оплати (або це може бути модалка). Має бути можливість оплати карткою, Apple Pay, Google Pay. В майбутньому додасться можливість платити криптою. Треба взяти це до уваги при початковій імплементації. Потрібно запропонувати payment service та імплементувати тестовий варіант.

5. Для елементів дизайну не використовувати ніякі бібліотеки, тільки raw css.

6. Вся інформація зберігається в Firebase Firestore. Наразі тільки імітувати з тестовими даними.

7. Проект має бути написаний на Javascript/React/ReactHooks.

8. UI має бути адаптивним, щоб на мобілках і на вебі все виглядало адекватно.