[{"_1":2,"_33":-5,"_34":-5},"loaderData",{"_3":4,"_32":-5},"routes/post.$slug",{"_5":6,"_7":8,"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":20},"_id","67d2644991acf6af01c7b519","title","Первый пет-проект в 2024 году - My Password","contents","{\"time\":1741841378812,\"blocks\":[{\"id\":\"YXmsOgPUnO\",\"type\":\"paragraph\",\"data\":{\"text\":\"Написал небольшой, но удобный генератор паролей. Это полноценное PWA (Progressive Web Application) (веб-приложение), которое запускается в браузере и может быть установлено на Windows, Linux, Android, iOS. Обо всём подробнее в статье\"}},{\"id\":\"TfENlbkpXB\",\"type\":\"paragraph\",\"data\":{\"text\":\"Ссылка на проект: mypwd.org
Исходный код: github.com/congritta/my-password\"}},{\"id\":\"2N1Oyt15iE\",\"type\":\"header\",\"data\":{\"text\":\"В двух словах о проекте\",\"level\":2}},{\"id\":\"z-hHhSkKTJ\",\"type\":\"paragraph\",\"data\":{\"text\":\"Генератор паролей с возможностью выбора длины пароля, наличия букв, цифр и символов. BackEnd-части у проекта нет, поэтому генерация пароля происходит непосредственно в браузере пользователя и сгенерированный пароль никуда не отправляется.\"}},{\"id\":\"rnTRMMenf5\",\"type\":\"paragraph\",\"data\":{\"text\":\"Проект написан на React (язык TypeScript) с использованием библиотек:\"}},{\"id\":\"m9sfCTBpYO\",\"type\":\"list\",\"data\":{\"style\":\"unordered\",\"meta\":{},\"items\":[{\"content\":\"classnames - для переключения CSS-класов у элементов;\",\"meta\":{},\"items\":[]},{\"content\":\"mobx - для хранения информации о выбранном языке интерфейса;\",\"meta\":{},\"items\":[]},{\"content\":\"react-router-dom - для внедрения роутинга (сейчас не используется, разве что для хранения настроек генератора в Search Query браузера);\",\"meta\":{},\"items\":[]}]}},{\"id\":\"cKoTNpwCgL\",\"type\":\"header\",\"data\":{\"text\":\"Что интересного в техническом плане\",\"level\":2}},{\"id\":\"MuDtfd9dsr\",\"type\":\"list\",\"data\":{\"style\":\"unordered\",\"meta\":{},\"items\":[{\"content\":\"Это PWA, построенное по всем правилам (со сгенерированными apple-touch icons, web manifest и внедрённым Service Worker). Приложение может быть установлено на компьютер и смартфон прямо из-под браузера и работать оффлайн;\",\"meta\":{},\"items\":[]},{\"content\":\"Есть поддержка тёмной темы (реализована через CSS Media Queries);\",\"meta\":{},\"items\":[]},{\"content\":\"Адаптивный дизайн (хотя кого им удивишь уже);\",\"meta\":{},\"items\":[]},{\"content\":\"Надпись \\\"Click to Copy\\\" сменяется на \\\"Tap to Copy\\\", если у пользователя обнаружен сенсорный экран (реализовано через CSS Media Queries);\",\"meta\":{},\"items\":[]}]}},{\"id\":\"n0rgtkbdnG\",\"type\":\"header\",\"data\":{\"text\":\"Итоги\",\"level\":2}},{\"id\":\"pLIzF5Mrn7\",\"type\":\"paragraph\",\"data\":{\"text\":\"Проект хостится на GitHub Pages на домене (mypwd.org) (странно, что такой домен был свободен на момент его покупки). Исходный код проекта открыт и доступен на github.com/congritta/my-password.\"}},{\"id\":\"_IQTiIhJru\",\"type\":\"paragraph\",\"data\":{\"text\":\"На разработку проекта ушло около 8 часов. Дизайн придуман с нуля самим разработчиком (Alex Congritta)\"}}],\"version\":\"2.31.0-rc.7\"}","slug","my-password","previewText","Написал небольшой, но удобный генератор паролей. Это полноценное PWA (Progressive Web Application) (веб-приложение), которое запускается в браузере и может быть установлено на Windows, Linux, Android, iOS. Обо всём подробнее в статье","posterFileId","67d2644891acf6af01c7b518","createdAt","2024-03-06T04:47:00.000Z","posterFile",{"_5":16,"_21":22,"_23":24,"_25":26,"_27":28,"_17":29,"_30":31},"type","image/png","size",48189,"path","/opt/projects/blog-backend/uploads/a4e315f5-8a2f-411f-bf5c-4b1f08cc8cdb.png","displayName","a4e315f5-8a2f-411f-bf5c-4b1f08cc8cdb.png","2025-03-13T04:51:20.928Z","isUsed",true,"root","actionData","errors"]