Javascript/React sceleton for a humanitarian aid application
10 000 UAHТехнічне завдання.
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 має бути адаптивним, щоб на мобілках і на вебі все виглядало адекватно.
Технічне завдання.
1. Перший екран. На екрані 3 елементи: У самому низу 3д Земля, яка крутиться. Приклад імплементації 3д Землі: https://codepen.io/donovanh/pen/kQgMmE
Використовувати Google Maps (це можливо?). Над Землею 2 кнопки одна над одною: 1. Допоможіть 2. Допомогти
2. Екран Допоможіть. Це голосовий чатбот, який буде збирати інформацію щодо потрібної допомоги. Якщо відсутній інтернет звʼязок цей екран має показувати номер кол-центру за допомогою якого можна звʼязатись з тим же чатботом. При кліку на номер телефону має бути переход на додаток для дзвінків. Дизайн дивіться в файлах. Потрібно зробити тільки UI, імплементація бота є поза скоупом цього ТЗ.
3. Екран Допомогти. На цьому екрані зображені тільки Google Maps, спочатку так, щоб було видно всю Землю.На мапі видно обʼєднані маркери, які показують кількість запитів на допомогу в цьому районі.При збільшенні карти маркери розʼєднуються в окремі, поки не буде видно маркери конкретних запитів. При кліку на маркер конкретного запиту переходимо на екран Запиту. Імітувати запити до Firestore з тестовими даними.
4. Екран Запиту. На цьому ерані зображена інформація про людину(організацію), яка створила запит. Фото, якщо є, імʼя та прізвище та перелік того, що людина потребує з вартістю речі. Також має бути інформація через яку волонтерську організацію людина хоче отримати допомогу, якщо вона не в змозі купити потрібне сама. Біля кожного елементу переліку має бути кнопка Купити. При кліку на кнопку Купити переходимо на екран оплати (або це може бути модалка). Має бути можливість оплати карткою, Apple Pay, Google Pay. В майбутньому додасться можливість платити криптою. Треба взяти це до уваги при початковій імплементації. Потрібно запропонувати payment service та імплементувати тестовий варіант.
5. Для елементів дизайну не використовувати ніякі бібліотеки, тільки raw css.
6. Вся інформація зберігається в Firebase Firestore. Наразі тільки імітувати з тестовими даними.
7. Проект має бути написаний на Javascript/React/ReactHooks.
8. UI має бути адаптивним, щоб на мобілках і на вебі все виглядало адекватно.
Пропонуйте, будь-ласка, термін і вартість.
Додатки 1
-
1 день1234 UAH
30 1 0 1 день1234 UAH
Доброго дня, Олег.
Я займаюся веб-розробкою на React.js вже понад 2 роки. Технічно зможу реалізувати все, що потрібно, але хотілося б спочатку ще обговорити всі деталі в лс або любим зручним вам способом(телеграм, вайбер і тд.). Сроки й ціну точніше скажу після обговорення. Дуже хочу попрацювати з вами, не тільки для роботи і грошей, а й тому, що я вірю в те, що цей додаток зможе допомогти українцям та пришвидшити нашу перемогу. Роботу над проектом можу почати хоч завтра.
Слава Україні!
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Розробка повного стеку — Панель управління Amazon PPC (Етап 1)Потрібен full-stack розробник з досвідом роботи з Amazon API для реалізації Stage 1 внутрішнього PPC-дашборда. Проект реальний, дані живі, все готово до старту. Прототип фронтенда (5 сторінок, React + TypeScript): ЩО ВЖЕ ГОТОВО — Фронтенд-прототип на React 18 + TypeScript +… Javascript та Typescript, Веб-програмування ∙ 8 годин 31 хвилина тому ∙ 16 ставок |
Розробка сайту-конструктора фотокниг і фоторамокМета проекту Необхідно розробити сучасний веб-сайт для замовлення фотокниг, фоторамок та іншої персоналізованої фотопродукції. Головне завдання проекту — надати клієнту можливість самостійно створити готовий макет виробу без участі дизайнера безпосередньо на сайті.Основний… Javascript та Typescript, Веб-програмування ∙ 2 дні тому ∙ 89 ставок |
Повноцінна розробкаNeed a full-stack developer who is free for work and not looking to get rich immediately from this project. This is my test site: readyhome.ge the prototype of which I want to create (not referring to design). In the footer, there is Russian language, fill out the questionnaire… Javascript та Typescript, Веб-програмування ∙ 2 дні 13 годин тому ∙ 79 ставок |
Команда для самописного маркетплейса ритуальних послуг.Шукаємо команду для запуску та розвитку самописного національного маркетплейсу ритуальних послуг. Одразу: не шукаємо одиночок, джунів і “збирачів сайтів”. Потрібна сильна продуктова команда рівня middle+/senior з реальними кейсами маркетплейсів/складних SaaS. Прошу не… Javascript та Typescript, Веб-програмування ∙ 2 дні 19 годин тому ∙ 25 ставок |
Доопрацювання існуючого проекту Next.js/Supabase: оффери, CRM, аналітика, AI-чатЄ діючий проект WatchGenius — платформа аналітики люксових годинників з каталогом моделей, ціновою аналітикою, зовнішніми офферами, формами заявок та AI-чатом. Проект вже частково розроблений. Потрібен не сайт з нуля, а досвідчений full-stack розробник, який зможе розібратися в… Javascript та Typescript, Веб-програмування ∙ 4 дні 20 годин тому ∙ 55 ставок |
Львів