{"id":19174670,"url":"https://github.com/yuriyvyatkin/notepad-frontend","last_synced_at":"2026-04-14T18:32:14.035Z","repository":{"id":216137700,"uuid":"739330453","full_name":"yuriyvyatkin/notepad-frontend","owner":"yuriyvyatkin","description":"Записная книжка (Frontend часть)","archived":false,"fork":false,"pushed_at":"2024-07-12T19:09:04.000Z","size":26333,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-23T00:44:14.970Z","etag":null,"topics":["css","html","js","oop"],"latest_commit_sha":null,"homepage":"https://yuriyvyatkin.github.io/notepad-frontend","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/yuriyvyatkin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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-01-05T10:02:41.000Z","updated_at":"2024-07-12T19:09:07.000Z","dependencies_parsed_at":null,"dependency_job_id":"819d1102-2da7-48ce-a8ec-1f121d63252d","html_url":"https://github.com/yuriyvyatkin/notepad-frontend","commit_stats":null,"previous_names":["yuriyvyatkin/notepad-frontend"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/yuriyvyatkin/notepad-frontend","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yuriyvyatkin%2Fnotepad-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yuriyvyatkin%2Fnotepad-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yuriyvyatkin%2Fnotepad-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yuriyvyatkin%2Fnotepad-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yuriyvyatkin","download_url":"https://codeload.github.com/yuriyvyatkin/notepad-frontend/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yuriyvyatkin%2Fnotepad-frontend/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31810737,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-14T18:05:02.291Z","status":"ssl_error","status_checked_at":"2026-04-14T18:05:01.765Z","response_time":153,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["css","html","js","oop"],"created_at":"2024-11-09T10:18:44.458Z","updated_at":"2026-04-14T18:32:14.019Z","avatar_url":"https://github.com/yuriyvyatkin.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## Записная книжка (Frontend часть)\n\n**🛠️ Стек**\n\nJS + CSS + HTML\n\n**⚙️ Реализовано**:\n\n  -  Сохранение в истории ссылок и текстовых сообщений\n\n![](./pic/function1.gif)\n\n  -  Кликабельные ссылки (то, что начинается с `http://` или `https://`)\n\n![](./pic/function2.gif)\n\n  -  Сохранение в истории изображений, видео и аудио (как файлов) - через Drag \u0026 Drop и через иконку загрузки (скрепка)\n\n![](./pic/function3.1.gif)\n\n![](./pic/function3.2.gif)\n\n  -  Скачивание файлов (на компьютер)\n\n![](./pic/function4.gif)\n\n  -  Ленивая подгрузка: сначала подгружаются последние 4 сообщения, при прокрутке вверх подгружаются следующие 4 и т.д.\n\n![](./pic/function5.gif)\n\n  -  Синхронизация - если приложение открыто в нескольких окнах (вкладках), то контент синхронизируется;\n\n![](./pic/function6.gif)\n\n  -  Отправка геолокации;\n\n![](./pic/function7.1.gif)\n\n![](./pic/function7.2.gif)\n\n  -  Закрепление (pin) одного из сообщений (крепится к верхней части страницы)\n\n![](./pic/function8.gif)\n\n  -  Добавление сообщения в избранное и вкладка для его просмотра\n\n![](./pic/function9.gif)\n\n  -  Просмотр вложений по категориям: текст, изображения, аудио, видео с помощью соответствующих вкладок\n\n![](./pic/function10.gif)\n\nBackend часть приложения: https://github.com/yuriyvyatkin/notepad-backend\n\n**📚 Инструкция по работе с проектом**\n\n##### 1. Клонирование\n\n```\ngit clone https://github.com/yuriyvyatkin/notepad-frontend.git\n```\n\n```\ncd notepad-frontend\n```\n\n##### 2. Установка зависимостей\n\n```\nnpm install\n```\n\n##### 3. Запуск\n\n```\nnpm build\n```\n\n```\nnpm start\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyuriyvyatkin%2Fnotepad-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyuriyvyatkin%2Fnotepad-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyuriyvyatkin%2Fnotepad-frontend/lists"}