React app: виправлення багів та доробка функціонала

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

Проект складатиметься з 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',
}