Javascript/React sceleton for a humanitarian aid application
226 USDТехнічне завдання.
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 має бути адаптивним, щоб на мобілках і на вебі все виглядало адекватно.
Пропонуйте, будь-ласка, термін і вартість.
Applications 1
-
1 day28 USD
30 1 0 1 day28 USD
Доброго дня, Олег.
Я займаюся веб-розробкою на React.js вже понад 2 роки. Технічно зможу реалізувати все, що потрібно, але хотілося б спочатку ще обговорити всі деталі в лс або любим зручним вам способом(телеграм, вайбер і тд.). Сроки й ціну точніше скажу після обговорення. Дуже хочу попрацювати з вами, не тільки для роботи і грошей, а й тому, що я вірю в те, що цей додаток зможе допомогти українцям та пришвидшити нашу перемогу. Роботу над проектом можу почати хоч завтра.
Слава Україні!
Current freelance projects in the category Javascript and Typescript
Full-stack development — Amazon PPC Dashboard (Stage 1)Need a full-stack developer with experience working with Amazon API to implement Stage 1 of the internal PPC dashboard. The project is real, the data is live, everything is ready to start. Frontend prototype (5 pages, React + TypeScript): WHAT IS ALREADY READY — Frontend… Javascript and Typescript, Web Programming ∙ 9 hours 48 minutes back ∙ 17 proposals |
Development of a photo book and photo frame constructor websiteProject Goal A modern website needs to be developed for ordering photo books, photo frames, and other personalized photo products. The main task of the project is to provide the client with the ability to independently create a ready-made layout of the product directly on the… Javascript and Typescript, Web Programming ∙ 2 days 1 hour back ∙ 90 proposals |
Full-stack developmentNeed 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 and Typescript, Web Programming ∙ 2 days 14 hours back ∙ 79 proposals |
Team for a custom marketplace of funeral services.We are looking for a team to launch and develop a custom national marketplace for funeral services. Right away: we are not looking for solo freelancers, juniors, or "website builders." We need a strong product team at the middle+/senior level with real cases in… Javascript and Typescript, Web Programming ∙ 2 days 20 hours back ∙ 25 proposals |
Improvement of the existing Next.js/Supabase project: offers, CRM, analytics, AI chatThere is an active project WatchGenius — a luxury watch analytics platform with a catalog of models, price analytics, external offers, application forms, and an AI chat. The project has already been partially developed. We need not a website from scratch, but an experienced… Javascript and Typescript, Web Programming ∙ 4 days 21 hours back ∙ 55 proposals |
Lvov