React app: виправлення багів та доробка функціонала
2250 UAHЄ проект який буде допомогати співставляти продукти між собою. Проблема береться з того, що у різних компаній одні й ті самі продукти написані по-різному. І тому, коли приходить запит на їх купівлю - часто постає задача пошуку відповідних продуктів між замовленням і прайсом.
Проект складатиметься з 2х фаз:
1. Є сторінка на реакті, https://chandax.com/demo/ яку треба переписати з 0 виправивши по ходу баги. Перелік помилок знаходиться у прикріпленому файлі.
2. Після завершення 1ої фази - у другій фазі треба буде додати новий функціонал:
- можливість завантажувати файли
- можливість співставлення колонок ексельки із стандартизованими колонками
- інтегруватися з серверним АПІ, яке буде віддавати дані замість статичних файлів що використовуються зараз і т.д.
Після закінчення проекту повинен працювати наступний флоу:
- Юзер завантажує ексельку з замовленням і свій прайс-ліст
- Ті файли відправляються на сервер, який у відповідь повератє їх у структурованому вигляді (обрізані шапка і підвал, усі колонки названі стандартизовано, інформація з усіх листів об'єднана в 1 список)
- На базі цих даних реакт-апа будує інтерфейс для швидкого вибору відповідних товарів (орієнтовно як зараз на демці, тільки без багів)
- Користувач обирає правильні відповідності між товарами
- При кожному виборі відповідності товарів - на сервер йде запит для перерахунку кількості запропонованого товару
- Якщо в списку нема необхідного товару - то він може його додати у попап-формі
- Після того, як користувач завершив то робити - він просить апку відправити результат йому на пошту.
- Апка питає пошту
- Коли юзер ввів пошту - усі дані відправляються на сервер, який на їх базі генерить ексельку і відправляє її користувачу.
Від виконавця ми очікуємо:
- принаймні 2-3 роки досвіду з реактом
- вміння писати лаконічний і зрозумілий код
- Добре знання фреймворку яке дозволить уникнути створення "велосипедів".
Серверні колбеки, з якими треба буде працювати (АПІ ще може трохи змінюватися, але повинно дати добре уявлення):
- api/v1/upload
request:
{
'filename': '',
'filetype': 'rfq' / 'pricelist',
...
}
response:
{'products': [
{'product': 'apples', 'category': 'fruits', 'code': 'MJ123', 'qty': '10', 'unit': 'kg', 'price': '1.2'},
{'product': 'oranges', 'category': 'fruits', 'code': 'MJ124', 'qty': '5', 'unit': 'kg', 'price': '0.3'},
]}
- api/v1/match
request:
{
'rfq': 'rfq_filename.xls',
'offer': 'price_filename.xls',
}
response:
- api/v1/quantity
request:
{
'rfq': {'product': 'apples', 'category': 'fruits', 'code': 'MJ123', 'qty': '10', 'unit': 'kg', 'price': '1.2'},
'offer': {'product': 'oranges', 'category': 'fruits', 'code': 'MJ124', 'qty': '5', 'unit': 'kg', 'price': '0.3'},
}
response:
{
'qty': 10,
'unit': 'kg',
}
- api/v1/save
request:
{
matches: [
{
'rfq': {'product': 'apples', 'category': 'fruits', 'code': 'MJ123', 'qty': '10', 'unit': 'kg', 'price': '1.2'},
'offer': {'product': 'oranges', 'category': 'fruits', 'code': 'MJ124', 'qty': '5', 'unit': 'kg', 'price': '0.3'},
},
{
'rfq': {'product': 'apples', 'category': 'fruits', 'code': 'MJ123', 'qty': '10', 'unit': 'kg', 'price': '1.2'},
'offer': {'product': 'oranges', 'category': 'fruits', 'code': 'MJ124', 'qty': '5', 'unit': 'kg', 'price': '0.3'},
}
]
}
response:
{
'result': 'ok',
'message': 'All is well',
}
Додатки 1
Відгук замовника про співпрацю з фрилансером
React app: виправлення багів та доробка функціоналаБогдан - відмінний виконавець з досвідом роботи. Він робить більше, ніж від нього просиш і піклується кінцевим результатом. Через свою молодість він трохи може не вкластися в терміни і недооцінити складність задачі, але без усіляких питань дороблює означене до кінцевого результати. Також протягом співпраці мені сподобалась манера спілкування Богдана, і те що він швидко вчиться.
Повністю можу рекомендувати співпрацю з Богданом.
Відгук фрилансера про співпрацю з Kostiantyn Mykolayovich
React app: виправлення багів та доробка функціоналаСподіваюсь на гарну саівпрацю в подальшому
![]()
-
Доброго дня, Костя
Я займаюсь розробкою 12+ років, React+
З цим проектом можу Вам допомогти, для початку потрібно оцінити першу частину?
Понад 16 років в розробці. Сайти та Мобільні додатки під ключ. Розробка з нуля та доопрацювання. Якість та надійність ⭐⭐⭐⭐⭐ -
105 «Ми вітаємо!
Я маю великий досвід створення веб-сайтів на різні теми. 4 роки користуюся HTML і CSS так само, як і Wordpress. Я роблю напругу на двигун готової вірки швидко і якісно, налаштую необхідний функціонал. Пишіть, з радістю взяти за проект».
-
283 Вітаю! Мене звати Павло, я представляю компанію Hexide Digital. Ми спеціалізуємось на Реакті, досвід більше 9 років. Готові виконати Ваш проект.
Якщо ви розглядаєте компанії, напишіть в дірект і я скину вам нашу презентацію та зможемо попередньо оцінити ваш проект.
Дякую
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Підтримка та розвиток сайту клінінгової компанії
906 UAH
Шукаю веб-розробника / вебмайстра для довгострокової підтримки та розвитку сайту клінінгової компанії. Сайт: https://donely.ca Про проєкт DoneLy Home Services — компанія з надання послуг прибирання в Канаді, яка активно розвивається та розширює географію роботи. Шукаю… Javascript та Typescript, Веб-програмування ∙ 1 день 8 годин тому ∙ 59 ставок |
Розробка сайту по ТЗ на FramerПотрібно зробити сайт по цим параметрам що в тз https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Називайте реальний рейт на основі цього дизайну HTML та CSS верстання, Javascript та Typescript ∙ 2 дні 10 годин тому ∙ 26 ставок |
Розробка інтерактивної карти Palworld для сайтуПотрібно розробити інтерактивну карту Palworld за прикладом: https://palworld.gg/map Нам потрібна не просто статична картинка, а повноцінна інтерактивна карта, де користувач може дивитися локації, вмикати / вимикати категорії об’єктів, шукати потрібні точки та взаємодіяти з… HTML та CSS верстання, Javascript та Typescript ∙ 4 дні тому ∙ 32 ставки |
Розробка платформи AM Mobility (автосервіс, парковка, страхування, оренда автомобілів)
257 282 UAH
Шукаємо команду або досвідченого Full Stack розробника для створення MVP платформи AM Mobility. AM Mobility — це єдина цифрова екосистема для автомобілістів, що об'єднує в одному додатку та веб-платформі: парковку; автосервіс; шиномонтаж; автомийку; оренду автомобілів;… Javascript та Typescript, Веб-програмування ∙ 9 днів 7 годин тому ∙ 119 ставок |
Gsap анімації
1000 UAH
Доброго дня. Треба внести правки в поточному проєкті. Потрібен фахівець, який добре працює на gsap/lenis Треба зробити анімацію карточок. Детально ТЗ тут: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Треба проявити креатив та… Javascript та Typescript, Веб-програмування ∙ 9 днів 12 годин тому ∙ 21 ставка |