{"id":26646030,"url":"https://github.com/hedmor/lcgrouptesttask","last_synced_at":"2025-07-25T22:08:41.347Z","repository":{"id":140416042,"uuid":"392213025","full_name":"Hedmor/LCgroupTestTask","owner":"Hedmor","description":"Тестовое задание от LCGroup на TS / SCSS / Angular ","archived":false,"fork":false,"pushed_at":"2021-08-10T10:05:47.000Z","size":267,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-24T22:56:10.447Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","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/Hedmor.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-08-03T06:22:28.000Z","updated_at":"2021-08-10T10:05:50.000Z","dependencies_parsed_at":null,"dependency_job_id":"a2afa0fc-7523-49ad-828e-960b2e3c8cd9","html_url":"https://github.com/Hedmor/LCgroupTestTask","commit_stats":null,"previous_names":["hedmor/lcgrouptesttask"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Hedmor/LCgroupTestTask","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hedmor%2FLCgroupTestTask","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hedmor%2FLCgroupTestTask/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hedmor%2FLCgroupTestTask/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hedmor%2FLCgroupTestTask/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Hedmor","download_url":"https://codeload.github.com/Hedmor/LCgroupTestTask/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hedmor%2FLCgroupTestTask/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":267070366,"owners_count":24030979,"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","status":"online","status_checked_at":"2025-07-25T02:00:09.625Z","response_time":70,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":"2025-03-24T22:56:12.702Z","updated_at":"2025-07-25T22:08:41.265Z","avatar_url":"https://github.com/Hedmor.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Тестовое задание в компанию LCGroup\n\n## Задача:\n1. Написать web-приложение, используя Angular 10+.\n2. После загрузки приложение должно отрисовать представление (view) с двумя компонентами:\n- Таблица с пользователями. Данные получить Get-запросом. JSON можно скачать по ссылке.\n- Панель с фильтрами.\n \nТаблица должна показывать следующие столбцы:\n- Имя\n- Возраст\n- Пол\n- Департамент \n- Адрес в формате “Город, Улица”\nДолжна быть возможность отсортировать таблицу по любому столбцу (убывание/возрастание).\n \nПанель фильтров должна показывать опции, разделённые по группам:\n- Пол\n- Департамент\n- Город\n \nОпции должны динамически генерироваться на основании данных. Т.е. в фильтре “пол”, например, две опции: “female” и “male”. В поле город -- все возможные города и т. д.\n \nОпции представляют собой чекбокс “\u003cзначение фильтра\u003e (4)”. Цифра в скобках показывает сколько раз этот фильтр встречается в отфильтрованной коллекции. Например фильтр по городу: Moscow (2)\n \nПри нажатии на checkbox таблица должна фильтроваться по соответствующему значению. При этом, все остальные фильтры должны пересчитаться. Нулевые фильтры (те, которые не применимы к коллекции) не показываются на экране.\n \nНапример: при нажатии на фильтр “Пол” - “female” в таблице отфильтровываются все женщины. При этом фильтр “male” показываться не должен.\n\n \nТребования к вёрстке:\nСтраница должна быть сверстана вручную (без использования Bootstrap, Foundation и тп).\nВёрстка должна быть кроссбраузерной (не должна “ехать” в последних версиях IE Edge, Google Chrome, Firefox)\nПри разрешении экрана:\n \u003e= 900px фильтры должны располагаться горизонтально (один за другим). Таблица с фильтрами имеет максимальную ширину 1200px\n\u003c 900px фильтры должны располагаться вертикально (в один столбец). А также должен скрываться столбец “Адрес”. Таблица растягивается на всю возможную ширину.\n\n\n \nЗадание должно быть выполнено в github репозитории. Присылайте ссылку на ваш репозиторий с выполненной работой.\n\nДля тех кто никогда ранее не работал с Angular полезными будут данные ссылки: \nhttps://angular.io/guide/architecture\nhttps://angular.io/start\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhedmor%2Flcgrouptesttask","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhedmor%2Flcgrouptesttask","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhedmor%2Flcgrouptesttask/lists"}