Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mlutfullaev/tables-task
https://github.com/mlutfullaev/tables-task
react task test-task typescript
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/mlutfullaev/tables-task
- Owner: mlutfullaev
- Created: 2023-07-21T13:00:26.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-29T12:16:56.000Z (10 months ago)
- Last Synced: 2024-02-29T13:41:42.637Z (10 months ago)
- Topics: react, task, test-task, typescript
- Language: TypeScript
- Homepage: https://tables-dusky.vercel.app
- Size: 181 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Available Scripts
In the project directory, you can run:
### `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser### `npm run build`
Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.## ТЕСТОВОЕ ЗАДАНИЕ ДЛЯ СОИСКАТЕЛЯ НА ДОЛЖНОСТЬ FRONTEND РАЗРАБОТЧИК.
Реализовать spa в соответствии с предложенным макетом, в котором будет представлена таблица с данными пользователей и возможностью сортировки и поиска.
ОБЩИЕ ТРЕБОВАНИЯ:
Приложение должно работать в chrome и firefox.
Разрешается использовать UI фреймворки по типу bootstrap.
Код должен быть чистым и читабельным.
Не должно быть необоснованного дублирования, всё должно распределяться по компонентам.
Код должен быть отформатирован в едином стиле.
Вёрстка должна совпадать с макетами figma.
Приложение должно быть написано на react.
Плюсом будет использование глобального state менеджера redux.
Приложение должно быть адаптировано под различные устройства.ОПИСАНИЕ API:
Список данных : https://jsonplaceholder.typicode.com/postsОПИСАНИЕ ПРИЛОЖЕНИЯ:
При входе на страницу отображается таблица с данными.
На одной странице таблицы показывается только 10 записей.
Под таблицей располагаются элементы, показывающие количество страниц таблицы.
Кнопки “Назад” и “Далее” переключают страницы таблицы.
Переключение между страницами происходит без перезагрузки.
При нажатии на заголовки столбцов происходит сортировка записей (от большего к меньшему или по алфавиту).
В строке поиска можно ввести любое значение, и в таблице отобразится запись, в которой данное значение присутствует. Поиск по всем столбцам.
Страница таблицы должна отображаться в URL браузера.Макет Figma:
https://www.figma.com/file/amcWeZhjaZ0eSyYiSNG6vN/%D0%9C%D0%B0%D0%BA%D0%B5%D1%82-%D1%82%D0%B0%D0%B1%D0%BB%D0%B8%D1%86%D1%8B?node-id=0%3A1
Результат выполнения:Результат выполнения нужно будет залить на любой хостинг (можно бесплатный) и в git. Чтобы мы могли проверить твоё тестовое задание, все необходимые ссылки и комментарии оставь в Google-форме.