Skip to content

Polyquid/test-profinance

Repository files navigation

Тестовое задание на позицию Frontend-developer

Описание задания: Сверстать страницу

Макет страницы

  1. Внизу таблицы должна быть строка итого.
  2. По нажатию кнопки «загрузить данные из csv», заполнить таблицу из произвольного data.json файла (в корне проекта);
  3. По нажатию «экспорт», сохранить данные в формате json или csv на диске.
  4. По двойному щелчку изменять содержимое ячейки, проверять валидность данных (на число). Пересчитывать итого при изменении данных.
  5. Использовать React, ts, open source UI компоненты.

Будет плюсом: -реализовать фильтр по кнопке сформировать -сортировку по нажатию стрелочки рядом с заголовком. Тесты приветствуются!

Верстка плюс минус похожа, изображение продублировано в архиве в лучшем качестве, данные таблицы произвольные, можно использовать DATA.json из архива.

Реализовано:

Всё, кроме тестов.

Что можно сделать еще:

Адаптив страниц под маленькие экраны.

Переписать логику валидации при редактировании ячеек.

Добавить валидацию при фильтрации.

Добавить загрузку сторонних файлов с локального носителя.

Стек:

Main: React, TypeScript, Redux, Formik;

UI: Tailwind, shadcn, react-lucide;

Other: json-2-csv;

About

Test case for frontend developer. A project is a table with the ability to sort, filter, edit and export data.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors