Javascript/React sceleton for a humanitarian aid application
820 PLNТехнічне завдання.
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 має бути адаптивним, щоб на мобілках і на вебі все виглядало адекватно.
Пропонуйте, будь-ласка, термін і вартість.
Załączniki 1
-
1 dzień101 PLN
30 1 0 1 dzień101 PLN
Доброго дня, Олег.
Я займаюся веб-розробкою на React.js вже понад 2 роки. Технічно зможу реалізувати все, що потрібно, але хотілося б спочатку ще обговорити всі деталі в лс або любим зручним вам способом(телеграм, вайбер і тд.). Сроки й ціну точніше скажу після обговорення. Дуже хочу попрацювати з вами, не тільки для роботи і грошей, а й тому, що я вірю в те, що цей додаток зможе допомогти українцям та пришвидшити нашу перемогу. Роботу над проектом можу почати хоч завтра.
Слава Україні!
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Full-stack rozwój — Amazon PPC Dashboard (Etap 1)Potrzebny programista full-stack z doświadczeniem w pracy z Amazon API do realizacji Etapu 1 wewnętrznego dashboardu PPC. Projekt realny, dane żywe, wszystko gotowe do startu. Prototyp frontendu (5 stron, React + TypeScript): CO JUŻ GOTOWE — Prototyp frontendu na React 18 +… Javascript & Typescript, Programowanie stron internetowych ∙ 9 godzin 45 minut temu ∙ 17 ofert |
Opracowanie strony internetowej do tworzenia fotoksiążek i ram fotowychCel projektuNależy opracować nowoczesną stronę internetową do zamawiania fotoksiążek, ram fotowych i innych spersonalizowanych produktów fotograficznych.Głównym celem projektu jest umożliwienie klientowi samodzielnego stworzenia gotowego projektu produktu bez udziału projektanta… Javascript & Typescript, Programowanie stron internetowych ∙ 2 dni 1 godzina temu ∙ 90 ofert |
Full-stack rozwójPotrzebny jest programista full-stack, który jest dostępny do pracy i nie chce od razu wzbogacić się na tym projekcie. To jest moja strona testowa: readyhome.ge prototyp, który chcę stworzyć (nie mam na myśli designu). W stopce w języku rosyjskim, wypełnij ankietę i przejdź… Javascript & Typescript, Programowanie stron internetowych ∙ 2 dni 14 godzin temu ∙ 79 ofert |
Zespół do samodzielnie stworzonej platformy rynkowej usług pogrzebowych.Poszukujemy zespołu do uruchomienia i rozwoju autorskiej krajowej platformy rynkowej usług pogrzebowych. Od razu: nie szukamy pojedynczych osób, juniorów ani "zbieraczy stron". Potrzebny jest silny zespół produktowy na poziomie middle+/senior z rzeczywistymi przypadkami… Javascript & Typescript, Programowanie stron internetowych ∙ 2 dni 20 godzin temu ∙ 25 ofert |
Dopracowanie istniejącego projektu Next.js/Supabase: oferty, CRM, analityka, czat AIIstnieje działający projekt WatchGenius — platforma analityczna luksusowych zegarków z katalogiem modeli, analizą cen, zewnętrznymi ofertami, formularzami zgłoszeniowymi i czatem AI. Projekt został już częściowo opracowany. Potrzebny jest doświadczony programista full-stack,… Javascript & Typescript, Programowanie stron internetowych ∙ 4 dni 21 godzin temu ∙ 55 ofert |
Lwów