{"id":20492563,"url":"https://github.com/redmadrobot/frontend-robopractice-test-task","last_synced_at":"2025-03-05T17:41:26.381Z","repository":{"id":41878652,"uuid":"510455017","full_name":"RedMadRobot/frontend-robopractice-test-task","owner":"RedMadRobot","description":null,"archived":false,"fork":false,"pushed_at":"2022-09-28T05:46:02.000Z","size":677,"stargazers_count":5,"open_issues_count":5,"forks_count":60,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-01-16T05:55:06.326Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/RedMadRobot.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-07-04T17:53:15.000Z","updated_at":"2023-12-22T23:48:53.000Z","dependencies_parsed_at":"2023-01-18T11:04:38.318Z","dependency_job_id":null,"html_url":"https://github.com/RedMadRobot/frontend-robopractice-test-task","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RedMadRobot%2Ffrontend-robopractice-test-task","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RedMadRobot%2Ffrontend-robopractice-test-task/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RedMadRobot%2Ffrontend-robopractice-test-task/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RedMadRobot%2Ffrontend-robopractice-test-task/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RedMadRobot","download_url":"https://codeload.github.com/RedMadRobot/frontend-robopractice-test-task/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":242073747,"owners_count":20067899,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-15T17:29:38.336Z","updated_at":"2025-03-05T17:41:26.359Z","avatar_url":"https://github.com/RedMadRobot.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Задание\n\nУ нас есть данные о том сколько сотрудники компании проводят времени в соцсетях с рабочего компьютера. Нам поступило задание сделать приложение, в котором можно удобно просматривать данную информацию с возможностью видеть\n- временя за каждый день месяца\n- общее время за месяц\n- искать сотрудника по имени\n\n\nВеб-приложение необходимо реализовать с использованием React (обязательно), typescript/javascript на выбор. Можно использовать библиотеки компонентов, например MUI React, Ant Design или другие. Также можно воспользоваться create-react-app для сборки или сделать сборку самому используя любой удобный tool, например webpack, rollup, parcel, vite, esbuild или другие.\n\n\nПриложение представляет из себя таблицу с пользователями со столбцами | User | 1 | 2 | 3 | ... | Monthly |, где User - Имя пользователя, 1, 2, 3 - числа месяца, Monthly total - время проведенное пользователем в приложении за месяц\n\n\nПример таблицы\n\n![example1](/example1.png \"example1\")\n![example2](/example2.png \"example2\")\n\nДля каждой строки в дни месяца отобразить количество времени который провел пользователь в этот день, если данных за этот день нет, то отобразить 0.\n\nВ колонку Monthly total отобразить все количество времени пользователя за месяц.\n\n##### Как получить данные для таблицы\n\n1. Запустить команду `npm run server`\n2. Сервер имеет endpoint GET /api/users, который возвращает необходимые данные\n\n### Дополнительно:\n\n1. Для каждой колонки реализовать сортировку по возрастанию и убыванию;\n2. Реализовать поиск по имени пользователя (поле Fullname);\n3. Реализовать постраничную пагинацию на фронтенде (получаем с бэка полный список, на страницы разбиваем на фронте)\n\n4. Первая и последняя колонка (User and Monthly total) должны быть приклеены к своим сторонам, то есть при горизонтальном скролле они не должны скрываться;\n5. Колонки таблицы должны быть resizeable;\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fredmadrobot%2Ffrontend-robopractice-test-task","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fredmadrobot%2Ffrontend-robopractice-test-task","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fredmadrobot%2Ffrontend-robopractice-test-task/lists"}