{"id":26904820,"url":"https://github.com/mariashalaginova/vk-react-app","last_synced_at":"2026-05-05T00:33:06.477Z","repository":{"id":228235739,"uuid":"773463869","full_name":"MariaShalaginova/VK-React-App","owner":"MariaShalaginova","description":null,"archived":false,"fork":false,"pushed_at":"2024-03-17T20:50:46.000Z","size":51,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-01T10:54:41.156Z","etag":null,"topics":["javascript","react","tanstack-react-query","typescript","useform-hook","yup"],"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/MariaShalaginova.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":"2024-03-17T18:21:33.000Z","updated_at":"2024-04-20T07:40:39.000Z","dependencies_parsed_at":"2025-04-01T10:54:43.202Z","dependency_job_id":"afdd9e59-77a2-4ba7-afcd-49c7f097a782","html_url":"https://github.com/MariaShalaginova/VK-React-App","commit_stats":null,"previous_names":["mariashalaginova/vk-ract-app","mariashalaginova/vk-react-app"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/MariaShalaginova/VK-React-App","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MariaShalaginova%2FVK-React-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MariaShalaginova%2FVK-React-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MariaShalaginova%2FVK-React-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MariaShalaginova%2FVK-React-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MariaShalaginova","download_url":"https://codeload.github.com/MariaShalaginova/VK-React-App/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MariaShalaginova%2FVK-React-App/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261539315,"owners_count":23174135,"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":["javascript","react","tanstack-react-query","typescript","useform-hook","yup"],"created_at":"2025-04-01T10:54:42.568Z","updated_at":"2026-05-05T00:33:06.421Z","avatar_url":"https://github.com/MariaShalaginova.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Компонент поиска\n\n## Как запустить проект\n\n1. Выполнить в директории проекта\n\n```bash\nnpm install\n```\n\n2. Для запуска в режиме разработки выполнить\n\n```bash\nnpm run dev\n```\n\n## Задания\n\n-Приложение должно состоять из нескольких частей:\n\nБлок с кнопкой и текстовым полем. По нажатию на кнопку выполнить запрос к https://vk.com/away.php?to=https%3A%2F%2Fcatfact.ninja%2Ffact\u0026utf=1\n. Полученный факт нужно записать в текстовое поле и установить курсор после первого слова.\nФорма с текстовым полем и кнопкой отправки. Пользователь вводит своё имя в текстовом поле. По истечении 3-х секунд после ввода имени или при отправке формы выполняется запрос к https://vk.com/away.php?to=https%3A%2F%2Fapi.agify.io%2F\u0026utf=1  с введенным именем в параметре name . Ответом будет возраст человека, определенный по имени. Этот ответ нужно отобразить под текстовым полем.\n\n\tОсобенности:\n\tНеобходимо предотвращать дублирующие запросы (не отправлять запрос с таким же именем).Предусмотреть отправку следующего запроса до того, как текущий был обработан - прерывать запрос, чей ответ нам уже не нужен (частый кейс при медленном интернете).\nНадо Использовать при реализации библиотеку VKUI (можно вынести формы в разные страницы, используя компоненты View и Panel). Надо Реализовать валидацию поля ввода имени (имя может состоять только из букв). Развернуть данное приложение в виде мини-приложения ВКонтакте. Для этого дополнительно понадобится установить пакет bridge. Используй Архитектурная методология Feature-Sliced Design, TanStack Query для работы с запросами, React Hook Form + Yup для работы с формами и их валидацией, typescrypt\n\t","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmariashalaginova%2Fvk-react-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmariashalaginova%2Fvk-react-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmariashalaginova%2Fvk-react-app/lists"}