Є проект який буде допомогати співставляти продукти між собою. Проблема береться з того, що у різних компаній одні й ті самі продукти написані по-різному. І тому, коли приходить запит на їх купівлю - часто постає задача пошуку відповідних продуктів між замовленням і прайсом.
Проект складатиметься з 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',
}
