Media is too big
VIEW IN TELEGRAM
Новый проект 59 | >private_chat🛡
Этот чат спроектирован для анонимности и приватности переписки. Ниже простым языком описано как это работает от чего защищает, а от чего — нет.
🟢 Когда вы создаете комнату, ваш браузер генерирует секретный ключ.🟢 Этот ключ добавляется в ссылку после символа # (.../room/xyz#СЕКРЕТНЫЙ_КЛЮЧ).🟢 Важно: Все, что находится после #, никогда не отправляется на сервер. Сервер не знает вашего ключа.
Вы пишете: "Привет".
Ваш браузер шифрует это в "a8f3...9z".
Сервер получает "a8f3...9z" и сохраняет. Он не может это прочитать.
Друг получает "a8f3...9z" -> его браузер использует ключ из ссылки -> показывает "Привет".
Самоуничтожение:
🗑 Комната и вся история сообщений (даже в зашифрованном виде) физически удаляются с сервера через 10 минут (или раньше, если нажать кнопку DESTROY).
От чего этот чат ЗАЩИЩАЕТ:
🥇 От перехвата переписки:
Никто посередине (провайдер, хакер в кафе с Wi-Fi) не сможет прочитать сообщения.🥈 От владельца сервера и хостинга:
Я (разработчик), Vercel и Upstash видим только бессмысленный набор символов.🥉 От изъятия серверов:
Если полиция заберет сервера, они не найдут там ничего читаемого. Ключи были только у вас.🌐 От "слива" баз данных:
Даже если хакеры взломают базу данных, переписка останется зашифрованной.
От чего этот чат НЕ ЗАЩИЩАЕТ (Уязвимости):
Ваш интернет-провайдер видит, что вы зашли на этот сайт.
Он видит, что вы обмениваетесь данными (но не видит какими).
Он видит IP-адрес вашего собеседника, если он подключился к тому же сайту в то же время.
От физического доступа к устройству:
Если кто-то стоит за спиной или у вас на компьютере вирус/кейлоггер, шифрование не поможет.
История браузера хранит ссылку с ключом (если вы не в режиме Инкогнито).
От компрометации ссылки:
Если вы отправите ссылку через незащищенный канал (SMS, обычный VK/Telegram), её могут перехватить и зайти в чат. Передавайте ссылку через надежные каналы (Signal, Secret Chat).
Исходный код будет на 370 подписчиков
>private_chat
Please open Telegram to view this post
VIEW IN TELEGRAM
5 8 4 3 1
Frontend Мания
Новый проект 59 | >private_chat 🛡 Этот чат спроектирован для анонимности и приватности переписки. Ниже простым языком описано как это работает от чего защищает, а от чего — нет. 1️⃣ Шифрование на устройстве (End-to-End Encryption) 🟢 Когда вы создаете комнату…
ребят
у кого не заходит попробуйте зайти через инкогнито
у кого не заходит попробуйте зайти через инкогнито
ой, это все бот не я
примите участие заново что бы выиграть в конкурсе :
https://t.me/FrontendMania/512
примите участие заново что бы выиграть в конкурсе :
https://t.me/FrontendMania/512
Frontend Мания
Итоги 31 декабря
1. Xmas stocking 🎁
2. Candy Cane 🍬
3. Lunar Snake 🎁
4. Ice cream 🍨
5. Desk Calendar
6-26 - Perplexity Pro 1 Year
27-100 - teddy
Ребята, этот год был особенным и я хочу сказать вам огромное спасибо. Спасибо что читали, комментировали, тестировали мои проекты и просто были рядом. Ваша поддержка — это то что заставляет меня двигаться дальше и создавать новый контент
Новый проект 60 | Anti Mayning bot💸
Описание :
Бот проверяет майнит ли мини mini-app в телеграмме на вашем устройстве
как пользоваться
1. Открыть Telegram Web (web.telegram.org) на компьютере.
2. Запусти Mini-App.
3. Нажать F12 -> Вкладка Elements.
4. Нажать Ctrl+F и найти: iframe
5. Скопировать весь тег <iframe ... > и прислать боту.
Исходный код👩💻
Boost Chanel🔔
Please open Telegram to view this post
VIEW IN TELEGRAM
5 6 5 4 1
Media is too big
VIEW IN TELEGRAM
Обновление 59 проекта | >private_chat 🔒
Что было добавлено ?❓
Техническая часть🖥
Безопасность🔐
Что было добавлено ?
Auto scroll - автоматическая прокрутка к новым сообщениям
Индикатор печати - теперь видно кто печатает в реальном времени
Шептать - сообщение покрытое блюром
/w текст | /whisper текст
Техническая часть
Рефакторинг хуков - useUsername и ThemeProvider переписаны с useSyncExternalStore для лучшей производительности
Исправлены проблемы с setState в effects
Безопасность
Валидация roomId в middleware - теперь проверяется формат
Создан файл sanitize.ts с функциями для XSS защиты и валидации
Обработка ошибки invalid-room на главной странице
Исходный код будет на 370 подписчиков👩💻
>private_chat🌐
🏳️ Frontend Mania🏳️ |⚡️ Boost channel⚡️
Please open Telegram to view this post
VIEW IN TELEGRAM
7 5 3 3
Frontend Мания
Исходный код будет на 370 подписчиков 👩💻
Please open Telegram to view this post
VIEW IN TELEGRAM
6 9🍾3 2 1
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
1 7 3 2
Please open Telegram to view this post
VIEW IN TELEGRAM
3 11
Frontend Мания
ой, это все бот не я примите участие заново что бы выиграть в конкурсе : https://t.me/FrontendMania/512
кстати тут все еще нету 100 участников так что шансы выиграть равны 100% 👀
Please open Telegram to view this post
VIEW IN TELEGRAM
1 6 5 2 1
ищу напарника фронта который умеет работать с React - Vite - TailwindCSS
писать : @spiders_triad
писать : @spiders_triad
1 5 3 2
Обновление 59 проекта | >realtime_chat 🔒
Что было добавлено ?⁉️
Техническая часть💻
Безопасность💥
🏳️ Frontend Mania 🏳️ | ⚡️ Boost⚡️
Что было добавлено ?
Identity Binding — теперь токен доступа жестко привязан к вашему имени. Угон куков больше не позволит писать от имени другого участника или создавать фейковых "ботов" под тем же токеном.
Безопасность UI — улучшена логика определения "своих" сообщений через серверные токены, а не просто сравнение имен.
Скрытие токенов — токены пользователей больше не транслируются в публичных событиях (например, при печатании).
Техническая часть
Identity Persistence — внедрена серверная проверка соответствия Token <-> Username в Redis.
Refactoring API — оптимизирована работа с данными комнаты и сообщениями в Elysia.
Zero-Leak Policy — удалена передача конфиденциальных данных (токены) через Realtime-каналы.
Безопасность
Защита от Session Hijacking — теперь личность пользователя фиксируется при первом входе.
Автоматическая очистка данных — все привязки личностей (users) удаляются вместе с комнатой.
Усиленная валидация — добавлена проверка токенов на уровне API middleware.
Обновление исходного кода будет на 390 подписчиков📱
>realtime_chat🌐
Please open Telegram to view this post
VIEW IN TELEGRAM
2 3 2 1
Frontend Мания
ой, это все бот не я примите участие заново что бы выиграть в конкурсе : https://t.me/FrontendMania/512
Связи с массовыми отменами подписками подписки PRO в Perplexity я вынужден убрать его из списка призов розыгрыша, но при этом призовые места никуда не делись ❤️
Вместо него будут Елочки🎄
Вместо него будут Елочки
Please open Telegram to view this post
VIEW IN TELEGRAM
1 6 3 3 3
Frontend Мания
ищу напарника фронта который умеет работать с React - Vite - TailwindCSS писать : @spiders_triad
кто скидовал свои варианты - перешлите их еще раз