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
Full-stack разработка — Amazon PPC Dashboard (Stage 1)Нужен full-stack разработчик с опытом работы с Amazon API для реализации Stage 1 внутреннего PPC-дашборда. Проект реальный, данные живые, всё готово к старту. Прототип фронтенда (5 страниц, React + TypeScript): ЧТО УЖЕ ГОТОВО — Фронтенд-прототип на React 18 + TypeScript + Vite… Javascript и Typescript, Веб-программирование ∙ 12 часов 59 минут назад ∙ 17 ставок |
Разработка сайта-конструктора фотокниг и фоторамокЦель проекта Необходимо разработать современный веб-сайт для заказа фотокниг, фоторамок и другой персонализированной фотопродукции. Главная задача проекта — предоставить клиенту возможность самостоятельно создать готовый макет изделия непосредственно на сайте без участия… Javascript и Typescript, Веб-программирование ∙ 2 дня 5 часов назад ∙ 90 ставок |
Full-stack разработкаНужен full-stack разработчик, который свободен для дел и не захочет сразу разбогатеть на этом проекте. Это мой тестовый сайт: readyhome.ge прототип которого я хочу сделать (не имею в виду дизайн). В футере русс.яз, заполните опросник и перейдите на конфигуратор. Вот описание… Javascript и Typescript, Веб-программирование ∙ 2 дня 17 часов назад ∙ 79 ставок |
Команда для самописного маркетплейса ритуальных услуг.Ищем команду для запуска и развития самописного национального маркетплейса ритуальных услуг. Сразу: не ищем одиночек, джунов и “сборщиков сайтов”. Нужна сильная продуктовая команда уровня middle+/senior с реальными кейсами маркетплейсов/сложных SaaS. Просьба не откликаться,… Javascript и Typescript, Веб-программирование ∙ 2 дня 23 часа назад ∙ 25 ставок |
Доработка существующего Next.js/Supabase проекта: офферы, CRM, аналитика, AI-чатЕсть действующий проект WatchGenius — платформа аналитики люксовых часов с каталогом моделей, ценовой аналитикой, внешними офферами, формами заявок и AI-чатом. Проект уже разработан частично. Нужен не сайт с нуля, а опытный full-stack разработчик, который сможет разобраться в… Javascript и Typescript, Веб-программирование ∙ 5 дней назад ∙ 55 ставок |
Львов